@charset "utf-8";
body { background-image:url(clams.jpg); 
background-repeat: repeat; background-size: 200px 200px;
}
#main { width: 100%;
        height: 1660px;
}
h1 { text-align: center; 
     color: #fff; 
     text-shadow: 4px 0 0 #000; 
     font-size: 4em; 
}
h2 { color: #fff; 
     font-weight: bold;
     text-align: center; 
     text-shadow: 2px 0 0 #000; 
     font-size: 1.5em; 
}
h3 { text-align: center; 
     color: #fff; 
     font-size: 1.5em;
     text-shadow: 4px 0 0 #000; 
}
#content span { position: absolute;
                right: 50px;
}
#index  { float:left; 
          color: #FFF; 
          background-color: #BF1010; 
          width: 42%; 
          height: 970px; 
          font-size: 1.1em;
          margin-top: 20px; 
          margin-left: 5px;  
          padding-left: 20px;
          margin-right: 2px;
          padding-right: 20px;
          margin-bottom: 200px;
}
#content { clear: right;
           float: right; 
           width: 42%; 
           height: 1660px; 
           color: #FFF; 
           font-size: 1.1em; 
           background-color: #BF1010; 
           margin-top: 20px; 
           margin-left: 2px; 
           padding-left: 20px;
           margin-right: 2px; 
           padding-right: 20px;
           margin-bottom: 200px;
}
#disclaimer { clear: both;
              background-color: #000; 
              color: #fff; 
              font-weight: bold;
              text-align: center; 
              font-size: 16px; 
}
li { padding-left: 15px;
     padding-top: 20px;
}
h1 span { color: #FFF; 
       font-size: 1.8em; 
}
.bivalve {color: #FFF; 
          font-size: 1em; 
          font-weight: ;
          text-shadow: 2px 0 0 #000;  ;
}
a:link { color: #FFF;
}
a:visited { color: #0cf;
}
a:hover { color: black;
}
@media all and (max-width: 629px) {

#index {
          order: 1; 
          width: 100%; 
          font-size: 0.8em; 
          height: 850px;
       }
#content {
          order: 2;
          width: 100%; 
          padding-right: 0px; 
          padding-left: 20px; 
          margin-right: 0px; 
          margin-left: 20px;
          font-size: 0.8em; 
          height: 1150px;
       }
}
#footer { clear: both;
          background-color: #FFF; 
          color: #000; 
          font-weight: bold;
          text-align: center; 
          font-size: 12px; 
          font-style: italic;
}