/* Brett Mudford */
/* Brett Mudford Website style setup */

* {box-sizing: border-box;}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: lightyellow;
}

h1 {text-align: center;}

header {background-color: powderblue;}

.topnav {overflow: hidden;}

.topnav a {
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topnav a:hover {
    background-color: #ddd;
    color: black;
}
  
.topnav a.active {
    background-color: #2196F3;
    color: white;
}

.topnav .login {
    float: right;
}

div.gallery {
    border: 1px solid #ccc;
}
  
div.gallery:hover {
    border: 1px solid #777;
}
  
div.gallery img {
    width: 100%;
    height: auto;
}
  
div.desc {
    padding: 15px;
    text-align: center;
}
  
* {
    box-sizing: border-box;
}
  
.responsive {
padding: 0 6px;
float: left;
width: 49.99999%;
}

@media only screen and (max-width: 700px) {
.responsive {
    width: 49.99999%;
    margin: 6px 0;
}
}

@media only screen and (max-width: 500px) {
.responsive {
    width: 100%;
}
}

.clearfix:after {
content: "";
display: table;
clear: both;
}

hr {width: 75%;}

table {text-align: center;}
table, th, td {border: none;}
th, td {padding: l0px;}
th {
    background-color: midnightblue;
    color: white;
}
td {background-color: mistyrose;}
.high {background-color: forestgreen;}
.medium {background-color: orange;}
.low {background-color: red;}

section > h2 {background-color: palegreen;}
footer {
    background-color: powderblue;
    text-align: center;
}
address {display: inline;}
nav {font-style: initial; font-size: large; color: black;}
p {font-style: initial; font-size: large; color: black; background-color: yellow;}
ul {font-style: initial; font-size: large; color: black;}
.italics {font-style: italic;}
.yellow_background {background-color: yellow;}
.green_background {background-color: greenyellow;}