@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;
    }

img { width: 270px;}

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


#title { 
         float: left;
         margin: 1em; 
        }
#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-left: auto;
         margin: 1em auto;
        }








            
@media(min-width:1100px){

h1 { font-size: 2em; }
img{ width: 300px;}

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


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



#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;
        }

}