body {background-color: #1F79B9; 
    color:#221811;
    font-family: Verdana, Arial, sans-serif}
header {background-image: url(images/chalkboard.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 190px;
        width: 100%}
h1 {height:100%;
    color: #FFFFFF;
    text-align: center;
    font-size: 3.5em;
    padding-top: 50px;}
nav {background-color: #86C1EB;
    height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    border-bottom: 2px solid #221812}
nav a{text-decoration: none;
    display: block;
    padding-top: 10px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 10px;
    float: left;
    color: #221811;
    text-align: center;}
nav a:hover{background-color: #B2B2B2;}
ul {list-style-position: inside;}
dt{padding-left: 20px}
dt a{background-color: #B2B2B2;
    font-size: 1em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: .25em;
    padding-bottom: .25em;
    border-radius: 2.25em;}
dd {padding-top:10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;}
h2{text-align: center;}
main {padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;}
h4 {background-color: #86C1EB;
    font-size: 1.25em;
    padding-left: 1.5em;
    padding-top: .25em;
    padding-bottom: .25em;
    border-radius: 2.25em; }
a {text-decoration: none;
    color: #221811;}
img {padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
    float: left;}
table {width: 500px;
        margin: auto;
        border: 2px solid #221811;
        border-spacing: 0px}
caption {font-size: 1.25em;
        font-weight: bold;
        padding-bottom: 10px;}
thead {background-color: #86C1EB;
        margin: auto;
        font-size: 1.2em}
tbody {font-size: 1.1em;
        text-align: center;}
thead th{padding: 10px 10px 10px 10px;
        border: 1px solid #221811;}
tbody td {padding: 10px 10px 10px 10px;
        border: 1px solid #221811;}
tr:nth-of-type(even) {background-color: #DBDBDB;}
iframe {display: block;
        margin: auto;
        border-style: none;}
footer {background-color: #86C1EB;
        font-size: 0.75em;
        font-style: italic;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top-style: solid;
        border-top-color: #221811;
        border-top-width: 2px}
form {display: block;
        padding-top: 20px;
        padding-left: 55%;}
label {display:block;
        color: #1F79B9;
        font-weight: bold;
        padding-top: 5px;
        padding-bottom: 5px;}
input, select {background-color: #FFFFFF;
        display: block;
        width: 250px;
        padding: 5px 5px 5px 5px;
        font-size: 1.0em;
        font-family: Verdana, Arial, sans-serif}
textarea{font-family: Verdana, Arial, sans-serif;
        display: block;}
#mySubmit {background-color: #86C1EB;
        width: 100px;
        font-weight: bold;
        border-radius: 1.5em;}
#wrapper {background-color: #DEEEF9;
        margin-left: auto;
        margin-right: auto;
        width: 76%;
        border-left: 2px solid #221811;
        border-bottom: 2px solid #221811;
        box-shadow: 5px 5px #221811}
.adjust {font-size: .85em;}
.move {padding-top: 50px;
        padding-left: 50px}
.details {padding-left: 10%;
        padding-right: 10%;}
.responsive {max-width: 100%;
            height: auto;}
.modify {color: #1F79B9;
        font-weight: bold;}
.intro {padding-left: 25px;
        padding-right: 25px;
        font-size: 1.1em;
        color: #1F79B9}
.entry {height: 100px;
        padding-top: 50px;
        padding-bottom: 75px;
        font-size: 1.0em;
        font-weight: bold;}
.fit {height: 200px;
    padding-top: 15px;
    padding-bottom: 30px;
    font-weight: bold}
@media only screen and (min-width:1161px)
{.hidden_mobile {display:none} 
}
@media only screen and (max-width: 1160px)
{   #wrapper {width:90%} 
    header {font-size: 0.6em;}
    h2 {font-size:1.2em}
    p {float: none;
        font-size: 1.0em;}
    nav {font-size: 1.2em;
        height: 100%;}
    main {height: 100%}
    nav a{float: none; 
        padding:0px 0px 0px 0px;}
    ul {list-style-position: outside}
    .intro {font-size: 1.0em;}
    .entry {font-size: 1.0em;
        padding-top: 0em; 
        padding-bottom: 0px;
        height: 100%;}
    img {display: block;
        float: none; 
        padding-left: 0%;
        padding-right: 0%;
        margin-left: auto; 
        margin-right: auto;}
    .hidden_desktop {display:none;}
    h4 {font-size: 1.25em; 
        text-align: center; 
        padding-left: 0px}
    .fit {float: none;
        height:100%;
        display: block;
        color: #221811;
        padding-left: 20px;
        padding-right: 20px;
        text-decoration: none;
        font-size: 0.8em;}
    table {width: 275px;}
    form {background-color: #DBDBDB;
        padding-left: 10%;
        padding-top: 5%;
        padding-bottom: 5%;}
    label {font-size: 0.95em;}
    input, select {width: 200px;
                    font-size: 0.9em}
    textarea {width: 200px;}
    .adjust {font-size: 0.75em;}
}