body {
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size: 1.3em;
}


h1, h2 {
    text-align: center;
}

.main-container {
    max-width: 100%;
}
.width-container {
    max-width: 1200px;
    margin: 0 auto;
}

header img {
    max-width: 225px;
}

nav {
    border-top: 3px solid maroon;
    text-align: right;    
    background: #e2e2e2; 
    background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 38%, #d1d1d1 75%, #fefefe 100%); 
    background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 38%,#d1d1d1 75%,#fefefe 100%); 
    background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 38%,#d1d1d1 75%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); 
    }
nav ul {
    padding: 4px;
    margin-top: 0px;
}

nav ul li {
    display: inline;
    font-weight: 100;
    padding-right: 2em;
    font-weight: bold;    
}

nav ul li a {
    text-decoration: none;
    letter-spacing: 1.2;
    color: black;
}


.slicknav_menu {
	display: none;
}

.single-topic {
    margin: 0 0 2em 0;
}

.single-topic h3 {    
    margin: 0;
    padding: 0;
    font-size: 1.3em;
}

.single-topic p, ul {
    margin: 0 0 0 2em;
    padding: 0;
}

.single-topic ul {
   
}

footer {
    display: block;
    height: 300px;
    margin-top: auto;
    text-align: center;
    color: white;
    background-color: #333333;
    clear: both;
}

#copy {
    margin: 1em 0 0em 0em;
}

.footer-tile {
    width: 25%;
    margin: 2em 0;
    float: left;
    color: white;
}
.footer-tile h4 {
    width: 85%;
    margin: 0 auto;
    border-bottom: 1px solid white;
}
.footer-tile ul {
    text-decoration: none;
    list-style-type:square;
    text-align: left;
}

.footer-tile p {
    padding: .2em .5em;    
}

.footer-tile a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.footer-tile a:hover{
    font-size: 1.1em;
    color: darkorange;
}

.footer-tile .left-align {
    text-align: right;
}

@media only screen and (max-width: 1199px){
    
    .width-container {
         width: 90%;
     }
     
     #left-info {
         width: 35%;
         margin: 0px;
     }   
         
     nav ul li {
         font-size: .8em;
         padding-right: 2em;
     }
     
     .slicknav_menu {
         display: none;
     } 
     
     
   
 }
 
 
 
 @media only screen and (max-width: 960px){
    .main-container .width-container a img {
        width: 30%;
        
    } 
    
    nav ul li {
     padding-right: 2.5em;
     }
     
     footer {
         height: 500px;
     } 
     
     .width-container .footer-tile {
        width: 50%;
    }

     
 }
 
 
 
 
 @media only screen and (max-width: 768px){
 
     #menu{
         display: none;
     }
     
     .slicknav_menu {
         display: block;
         margin: 0;
         padding: 0;
         width: 99%;
     }     
 }

 
 
 @media only screen and (max-width: 610px){
   
     footer {
         height: 900px;
     }       
 
     .width-container .footer-tile {
         width: 78%;
     }
 
 }
 
 
 @media only screen and (max-width: 480px){
     header {
         width: 99%;
     }
     
      
 }
 
 @media only screen and (max-width: 320px){     
     
     .width-container {
         width: 320px;
     }    
   
 }











 
 
 
 @media only screen and (max-width: 1199px){
 
 
 }
 
 
 @media only screen and (max-width: 960px){
 
 
 }
 
 
 @media only screen and (max-width: 768px){
 
 
 }
 
 @media only screen and (max-width: 610px){
 
 
 }
 
 
 @media only screen and (max-width: 480px){
 
 
 }
 
 
 @media only screen and (max-width: 320px){
 
 
     
 }