@charset"utf-8";

h1,h2,p,div { margin: 0; }

* { font-family: sans-serif; 
    text-decoration: none;
   }

a { outline: none;
    color: #000; }
a:link { color: #000; }
a:hover { color: rgba(0,0,0,0.5); }
a:hover img { opacity: 0.6; }
          
a:visited { color: #000; }

h1 { 
     font-size: 5em; 
     font-weight: lighter; 
     margin: 0em,0em,1em,0em;
   }

li { font-size: 3em; }

img { width: 100%; }


#container {
             width: 100%;
             margin: 0 auto;
             
             
            
             }


#title { 
         float:left;
         margin: 1em; 
        }


#nav { 
       list-style: none;
       margin: 2em;
       float: left; 
       }
#nav img { 
           width: 90px;
           margin-left: -0.3em;
          }

#news { 
        float: left; 
        width: 60%;
        height: auto;
        padding: 1em;
        margin-left: 1em; 
        margin-right: 1em;
        margin-bottom: 2em;
        
       }

#oow {
      clear: both;
      float: left;
      margin: 1em;
     }


#landscape {
      
      float: left;
      margin: 1em;
     }

#amptba {
      
      float: left;
      margin: 1em;
     }

#nature {
      
      float: left;
      margin: 1em;
     }
#streetfight {
      
      float: left;
      margin: 1em;
     }
#mass1 {
      
      float: left;
      margin: 1em;
     }
#mass2 {
           float: left;
      margin: 1em;
     }




#gentleman {
      
      float: left;
      margin: 1em;
     }

#tour { 
      float: left;
      margin: 1em; 
     }

#cupid { 
      float: left;
      margin: 1em; 
     }


#exb {
      float: left;
      margin: 1em; 
     }

#fh {     
     float: left;
     margin: 1em; 
    }

#sp { 
     float: left;
     margin: 1em; 
    }

#genius {
         float: left;
         margin: 1em;
         }
#sfl { 
      float: left;
      margin: 1em; 
     }
#statue { 
         float: left;
         margin: 1em; 
        }

#photo { 
         margin: 1em;
         clear: both;
         float: right;
         }

footer {   
         font-size: 0.8em;
         clear: both; 
         width: 30%;
         text-align: center;
         margin: 1em auto;
         
        }








            
@media(min-width:1100px){

h1 { font-size: 2em; }
li { font-size: 1em; }

img{ width: 300px;}

#container {
             width: 1200px;
             margin: 0 auto;
             
            
             }


#title { 
         float: left;
         margin: 1em; }
#nav { 
       list-style: none;
       margin: 1em;
       float: left;
        }
#nav img { width: 30px;}

#news { 
        float: left;
        width: 60%;
        height: auto;
        padding: 1em;
        margin-left: 1em; 
        margin-right: 1em;
        margin-bottom: 2em;
        
       }

#oow {
      clear: both; 
      float: left;
      margin: 1em 1em 1em 8em; 
     }

#landscape { 
      float: left;
      margin: 1em 1em 1em 1em; 
     }
#amptba { 
      float: left;
      margin: 1em 1em 1em 1em; 
     }
#nature { 
      float: left;
      margin: 1em 1em 1em 8em; 
     }
#streetfight { 
      float: left;
      margin: 1em 1em 1em 1em; 
     }

#mass1 { 
      float: left;
      margin: 1em 1em 1em 1em; 
     }
#mass2 { 
      float: left;
      margin: 1em 1em 1em 8em; 
     }


#gentleman { 
      float: left;
      margin: 1em 1em 1em 1em; 
     }

#tour { 
      float: left;
      margin: 1em 1em 1em 1em; 
     }

#cupid { 
      float: left;
      margin: 1em 1em 1em 1em; 
     }
    

#exb { 
      float: left;
      margin: 1em 1em 1em 8em; 
     }

#fh {     
     float: left;
     margin: 1em 1em 1em 1em; 
    }

#sp { 
     float: left;
     margin: 1em 1em 1em 1em; 
    }

#genius {
         float: left;
         margin: 1em 1em 1em 8em;
         }
#sfl { 
      float: left;
      margin: 1em 1em 1em 1em; 
     }
#statue { 
         float: left;
         margin: 1em 1em 1em 1em; 
        }

#photo { 
         margin: 1em;
         clear: both;
         float: right;
         }

footer {   
         clear: both; 
         width: 30%;
         text-align: center;
         margin-left: auto;
         margin-right: auto;
        }

}