@charset "UTF-8";
/* CSS Document */


 @media screen and (min-width: 100px) and (max-width: 600px) {
         
		 
		 
	  
	  #logo {
        padding: 0.8em;
        color: white;
        font-family: Roboto, helvetica, arial, sans-serif;
        background-color: black;
        background-image: url(images/logobg.png);
        background-size: cover;
		
		
      }

      #logo h1 {
        font-weight: 300;
        font-size: 35px;
		text-align:left;
        line-height: 1em;
        margin-bottom: 0;
      }
        
      #logo #aryachtslogo {
        font-weight: 300;
        font-size: 18px;
	
		
      }

        #logo br {
            clear: both;
          }
	
      #headline {
         display: none;
		
      } 
	  
	   #post {
         display: none;
		
      } 
	  
	   #postlarge {
         display: none;
		
      } 
	  
	    #bryce {
         display: none;
		
      } 
	    #frank {
         display: none;
		
      } 
	  
	  
	  #home {
        padding: 0.8em;
        color: white;
        font-family: Roboto, helvetica, arial, sans-serif;
        background-color: #1a9bd7;
        background-image: url(images/bg_image.jpg);
        background-size: cover;
		
      }

      #home h1 {
        font-weight: 300;
        font-size: 35px;
        line-height: 1em;
        margin-bottom: 0;
      }
        
      #home h2 {
        font-weight: 300;
        font-size: 30px;
        margin-top: 5px;
      }
	  
  #home h3 {
			float:right;
		font-weight: 300;
        font-size: 25px;
        line-height: 1em;
        margin-bottom: 0;
      }
	  
  #home #smashycrashylogo {
            float:right;
            padding: 0px;
            width: 60%;
            box-sizing: border-box;
            font-weight: 300;
         	} 
			
			
      #home #blurb {
        font-weight: 300;
        font-size: 18px;
		
      }

      #home #register {
         background-color: rgba(26,155, 215, 0.5);
        padding: 1em;
      }

      #home #register h2 {
        font-weight: 300;
        padding: 0;
        margin: 0;
      }
	  
	

      #home #register label {
        font-size: 18px;
        font-weight: 300;
        padding-top: 12px;
        display: block;
      }

      #home #register input {
        width: 100%;
        font-size: 18px;
        font-weight: 300;
        padding: 10px;
        box-sizing: border-box;
      }

      #home #register input[type=submit] {
        background-color: hsl(240, 240,240);
        color: white;
        margin-top: 20px;
        padding: 10px;
        border: none;
        box-sizing: border-box;
        font-size: 18px;
      }
	  
	  #indexsail {
        padding: 0em;
        color: black;
        font-family: Roboto, helvetica, arial, sans-serif;
        background-color: white;
        		
      }

      #brycemobile {
        padding: 0.8em;
        color: white;
        font-family: Roboto, helvetica, arial, sans-serif;
        background-color: black;
      
	
		
      }

      #brycemobile h1 {
        font-weight: 300;
        font-size: 35px;
        line-height: 1em;
        margin-bottom: 0;
      }
        
      #brycemobile h2 {
        font-weight: 300;
        font-size: 30px;
        margin-top: 5px;
      }

     #brycemobile #blurb {
           
            font-weight: 300;
          
            font-size: 18px;
            box-sizing: border-box;
            padding-right: 10px;
			padding-left: 10px;
		    background-color: rgba(26,155, 215, 0.4);
			
          }
		   
		    
		   #brycemobile br {
            clear: both;
          }
		  
		   #frankmobile {
        padding: 0.8em;
        color: white;
        font-family: Roboto, helvetica, arial, sans-serif;
        background-color: black;
     
	
		
      }

      #frankmobile h1 {
        font-weight: 300;
        font-size: 35px;
        line-height: 1em;
        margin-bottom: 0;
      }
        
      #frankmobile h2 {
        font-weight: 300;
        font-size: 30px;
        margin-top: 5px;
      }

     #frankmobile #blurb {
          
            font-weight: 300;
          
            font-size: 18px;
            box-sizing: border-box;
            padding-right: 10px;
			padding-left: 10px;
		    background-color: rgba(26,155, 215, 0.4);
			
          }
		    		    
		   #frankmobile br {
            clear: both;
          }
		  
		  #castingads {
       display: none;
		
      }

 		  
	
	  
	   #castingadsmobile {
        padding: 0.8em;
        color: white;
        font-family: Roboto, helvetica, arial, sans-serif;
        background-color: black;
    
        background-size: cover;
		
      }

      #castingadsmobile h1 {
        font-weight: 300;
        font-size: 35px;
        line-height: 1em;
        margin-bottom: 0;
      }
        
      #castingadsmobile h2 {
        font-weight: 300;
        font-size: 30px;
        margin-top: 5px;
      }

     #castingadsmobile #blurb {
            float: left; 
            font-weight: 300;
           
            font-size: 18px;
            box-sizing: border-box;
            padding-right: 10px;
			padding-left: 10px;
		
			
          }
		  
		   #castingadsmobile br {
            clear: both;
          }

     #castingadsmobile #register {
           
            padding: 10px;
        
            box-sizing: border-box;
            font-weight: 300;
			
        padding: 1em;
          }

      #castingadsmobile #register h2 {
        font-weight: 300;
        padding: 0;
        margin: 0;
      }

      #castingadsmobile #register label {
        font-size: 18px;
        font-weight: 300;
        padding-top: 12px;
        display: block;
      }

      #castingadsmobile #register input {
        width: 100%;
        font-size: 18px;
        font-weight: 300;
        padding: 10px;
        box-sizing: border-box;
      }

      #castingadsmobile #register input[type=submit] {
      
       
        margin-top: 20px;
        padding: 10px;
        border: none;
        box-sizing: border-box;
        font-size: 18px;
      }
	  
	   #postmobile {
        padding: 0.8em;
        color: white;
        font-family: Roboto, helvetica, arial, sans-serif;
        background-color: #1a9bd7;
        background-image: url(images/post_bg.png);
        background-size: cover;
		
      }

      #postmobile h1 {
        font-weight: 300;
        font-size: 35px;
        line-height: 1em;
        margin-bottom: 0;
      }
        
      #postmobile h2 {
        font-weight: 300;
        font-size: 30px;
        margin-top: 5px;
      }
	  
  #postmobile h3 {
			float:right;
		font-weight: 300;
        font-size: 25px;
        line-height: 1em;
        margin-bottom: 0;
      }
	  
  #postmobile #smashycrashylogo {
            float:right;
            padding: 0px;
            width: 60%;
            box-sizing: border-box;
            font-weight: 300;
         	} 
			
			
      #postmobile #blurb {
        font-weight: 300;
        font-size: 18px;
		
      }

      #postmobile #register {
         background-color: rgba(26,155, 215, 0.5);
        padding: 1em;
      }

      #postmobile #register h2 {
        font-weight: 300;
        padding: 0;
        margin: 0;
      }
	  
	

      #postmobile #register label {
        font-size: 18px;
        font-weight: 300;
        padding-top: 12px;
        display: block;
      }

      #postmobile #register input {
        width: 100%;
        font-size: 18px;
        font-weight: 300;
        padding: 10px;
        box-sizing: border-box;
      }

      #postmobile #register input[type=submit] {
        background-color: hsl(240, 240,240);
        color: white;
        margin-top: 20px;
        padding: 10px;
        border: none;
        box-sizing: border-box;
        font-size: 18px;
      }
	   		  
		 
		 #thanksmob {
        padding: 0.8em;
        color: white;
        font-family: Roboto, helvetica, arial, sans-serif;
        background-color: black;
		background-image: url(images/thankyou4.png);
        background-size: cover;
      } 
		 
		 #thanksmob h1 {
        font-weight: 300;
        font-size: 35px;
		text-align: right;
        line-height: 1em;
        margin-bottom: 0;
      }
        
      #thanksmob h2 {
        font-weight: 300;
        font-size: 18px;
		text-align: right;
        margin-top: 5px;
      }

     #thanksmob #aryachtslogo {
            float:right;        
			 width: 70%; 
            box-sizing: border-box;
            font-weight: 300;
         	} 
	  
 	#thanks {
         display: none;
      }	
		
		
		  
      footer {
        font-family: Roboto, sans-serif;
        font-weight: 300;
        text-align: center;
        background-color: #b00000;
        color: white;
        padding-bottom: 20px;
        padding-top: 20px;
      }

      table {
        margin-top: 26px;
        width: 100%;
      }
      thead {
        font-weight: bold;
      }

      tbody {
        text-align: center;
      }
	  
	  #selling {
            padding: 20px 5%;
			color: white;
        	font-family: Roboto, helvetica, arial, sans-serif;
        	background-color: black;
       		background-image: url(images/selling.jpg);
        background-size: cover;
          	}
	  
	  
	  
		 
		 #selling h1 {
        font-weight: 300;
        font-size: 35px;
		text-align: right;
        line-height: 1em;
        margin-top: 0;
      }	
	  
	  
	
        
      #selling h2 {
        font-weight: 300;
        font-size: 25px;
		text-align: left;
        margin-top: 45px;
      }

      #selling #blurb {
		  color: #999;
		background-color: white;
		padding: 1em;
        font-weight: 300;
        font-size: 18px;
		
      }
	  
	  #selling #aryachtslogo {
            float:right;        
			 width: 70%; 
            box-sizing: border-box;
            font-weight: 300;
         	} 

      #selling #register {
        background-color: rgba(0,25, 81, 0.4);
        padding: 1em;
      }

      #selling #register h2 {
        font-weight: 300;
        padding: 0;
        margin: 0;
      }

      #selling #register label {
        font-size: 1.2em;
        font-weight: 300;
        padding-top: 12px;
        display: block;
      }

      #selling #register input {
        width: 100%;
        font-size: 18px;
        font-weight: 300;
        padding: 10px;
        box-sizing: border-box;
      }

      #selling #register input[type=submit] {
        background-color: hsl(240, 240,240);
        color: white;
        margin-top: 20px;
        padding: 10px;
        border: none;
        box-sizing: border-box;
        font-size: 18px;
      }
	  

 		}