/*
********************************************************************************

    filename:    burnbot.css 

********************************************************************************
*/
body {
    font-family: "Lato", sans-serif;
    font-size: 100%;
    margin:0;
}

h3 {
    text-align: center;
    color: black;
}

a {
    color: black;
    text-decoration: none;
}

img {
    display: block;
    margin: auto;
    width: 40%;
}

 th {
text-align:left;
}

#content {
    padding-left:32px;
    padding-right:32px;
}

/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: black;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
  display: inline-block;
  color: red;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #111;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none; color: red;}

/* When the screen is less than 1081 pixels wide, hide all list items. Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:1081px) {
ul.topnav li {display: none;}
  ul.topnav li.icon {
/*    float: right; */
    display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:1081px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}