/* put your style below!

body{
    background-color: black;
font-family: verdana,sans-serif;
    font-size: small;
}
*/

body {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    background-color: ghostwhite;
    color: #333;
    font-style: normal;
}



#leftlow{
    float: left;
    width: 45%;
    margin: 1em;
    margin-top: 2em;
}

#rightlow{
    float: left;
    width: 45%;
    margin: 1em;
    margin-top: 2em;

}


#rightlowabout{
      float:left;
    width: 45%;
    margin: 1em;
    margin-top: 2em;

}


#mid{
    float:left;
    width: 100%;
    image-orientation:centred;
}

#leftexch{
  float: left;
    clear:none;
    width: 45%;
    margin-top: 2em;
} 

#rightexch{
    float: left;
    clear: none;
    clear:right;
    width: 45%;
    margin-top: 2em;
}



#foot1{
    float: left;
    clear: none;
    margin-top: 1em;
    width: 29%;
    margin: 0 0 0 3%;
    color: #333;
    font-style: normal;
   
    }
#foot2{
    float: left;
    clear: none;
    margin-top: 1em;
    width: 29%;
    margin: 0 0 0 3%;
    color: #333;
    font-style: normal;
   
    }
#foot3{
    float: left;
    clear: none;
    margin-top: 1em;
    width: 29%;
    margin: 0 0 0 3%;
   color: #333;
    font-style: normal;
   }

img{
    display: block;
        margin:auto;      
}

p{clear: right;
}

h1{
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #333;
margin-left: 2.5%;
clear:both;
margin-top: 2em;
}

h2{
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    color:mediumvioletred;
clear:both;
margin-top: 10px;
}

h3{
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #333;
clear:both;
margin-top: 2em;
}

h4{
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #333;
clear:both;
margin-top: 2em;
}

p{
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #333}



/* ================================= */
/* below are styles I've provided for the navigation bar and the footer.  No need to change these  */

nav.sitenav ul {
    list-style: none;
}

nav.sitenav li {
    display: inline-block;
    width: 10em;
    text-align: center;

}

nav.sitenav a {
    display: block;
    
    
}

nav.sitenav a:link,
nav.sitenav a:visited,
nav.sitenav a:hover,
nav.sitenav a:active {
    color: #333;
    text-decoration: none;
    border-bottom: thin solid transparent;
}

nav.sitenav a:hover {
    border-bottom: thin solid red;
    
}


nav.sitenav li.youarehere a {
    background-color: lightgrey;
    border-bottom: thin solid red;
    color: black;
}

footer {
    border-top: thin solid red;
}