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


  @media screen and (min-width: 801px) and (max-width: 1200px) {
          
          .container {
            margin: auto;
            max-width: 800px;
          }
		  
		   .containerxwide {
            margin: auto;
            max-width: 800px;
          }
		  
		  .containerbryce {
            margin: auto;
            max-width: 800px;
          }
		 
		   #logo {
			   padding: 20px 5%;
       
        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: right;
        line-height: 1em;
        margin-bottom: 0;
      }
	        
			 #logo #smashycrashylogo {
            float:right;
            padding: 0px;
            width: 70%;
            box-sizing: border-box;
            font-weight: 300;
          }
		  
		  
         
		    #logo br {
            clear: both;
          }
		
	
		  #home {
         display: none;
		
      } 
	  
	    #postlarge {
         display: none;
		
      } 
	  
	    #postmobile {
         display: none;
		
      } 

  #brycemobile {
         display: none;
		
      } 
	    #frankmobile {
         display: none;
		
      } 
	  
	   #castingadsmobile {
      display: none;
		
      }


  #bryce {
        padding: 0.8em;
        color: white;
        font-family: Roboto, helvetica, arial, sans-serif;
        background-color: black;
        background-image: url(images/bryce_bg.png);
        background-size: cover;
	    background-repeat: no-repeat;
		background-position: center; 
	
		
      }

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

     #bryce #blurb {
            float: left; 
            font-weight: 300;
            width: 35%;
            font-size: 18px;
            box-sizing: border-box;
            padding-right: 10px;
			padding-left: 10px;
			background-color: rgba(26,155, 215, 0.4);
		
			
          }
		    #bryce #blurbright {
            float: right; 
            font-weight: 300;
            width: 35%;
            font-size: 18px;
            box-sizing: border-box;
            padding-right: 10px;
			padding-left: 10px;
					
          }
		    
		   #bryce br {
            clear: both;
          }
		  
		   #frank {
        padding: 0.8em;
        color: white;
        font-family: Roboto, helvetica, arial, sans-serif;
        background-color: black;
        background-image: url(images/frank_bg.png);
        background-size: cover;
	    background-repeat: no-repeat;
		background-position: center; 
	
		
      }

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

     #frank #blurb {
            float: left; 
            font-weight: 300;
            width: 35%;
            font-size: 18px;
            box-sizing: border-box;
            padding-right: 10px;
			padding-left: 10px;
		    background-color: rgba(26,155, 215, 0.4);
			
          }
		  
		    
		   #frank br {
            clear: both;
          }
		  
		  #headline {
            padding: 20px 5%;
			 padding: 0.8em;
        color: white;
        font-family: Roboto, helvetica, arial, sans-serif;
        background-color: black;
        background-image: url(images/bg_image.jpg);
        background-size: cover;
          }
			
		 #headline h1 {
        font-weight: 200;
        font-size: 55px;
        line-height: 1em;
        margin-bottom: 0;
      }
        
      #headline h2 {
        font-weight: 200;
        font-size: 30px;
        margin-top: 5px;
      }


#headline h3 {
	float:right;
		font-weight: 200;
        font-size: 35px;
        line-height: 1em;
        margin-bottom: 0;
      }
	  
  #headline #smashycrashylogo {
            float:right;
            padding: 0px;
            width: 50%;
            box-sizing: border-box;
            font-weight: 300;
         	} 
		
          #headline #blurb {
            float: left; 
            font-weight: 200;
            width: 65%;
            font-size: 18px;
            box-sizing: border-box;
            padding-right: 10px;
			padding-left: 10px;
			
			
          }
		  
		   #headline	#dropbtn {
		  
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	
		}

		#headline #dropdown {
    position: relative;
    display: inline-block;
		}
/* CSS color of the background in the drop down menu */
		#headline #dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 140px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		}
/* CSS color of the font in drop down menu */
		#headline #dropdown-content a {
    color: #3189c9;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
		}

		#headline #dropdown-content a:hover {background-color: #000000}

		#headline #dropdown:hover .dropdown-content {
    display: block;
		}

          #headline br {
            clear: both;
          }

    
		 


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

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

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

     #castingads #register {
            float:left;
            padding: 20px;
            width: 50%;
            box-sizing: border-box;
            font-weight: 300;
			
        padding: 1em;
          }

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

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

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

      #castingads #register input[type=submit] {
      
       
        margin-top: 20px;
        padding: 10px;
        border: none;
        box-sizing: border-box;
        font-size: 18px;
      }
	  
	   		  
	 #post {
            padding: 20px 5%;
			 padding: 0.8em;
        color: white;
        font-family: Roboto, helvetica, arial, sans-serif;
        background-color: black;
        background-image: url(images/post_bg.png);
        background-size: cover;
          }
			
		 #post h1 {
        font-weight: 200;
        font-size: 55px;
        line-height: 1em;
        margin-bottom: 0;
      }
        
      #post h2 {
        font-weight: 200;
        font-size: 30px;
        margin-top: 5px;
      }


#post h3 {
	float:right;
		font-weight: 200;
        font-size: 35px;
        line-height: 1em;
        margin-bottom: 0;
      }
	  
  #post #smashycrashylogo {
            float:right;
            padding: 0px;
            width: 50%;
            box-sizing: border-box;
            font-weight: 300;
         	} 
		
          #post #blurb {
            float: left; 
            font-weight: 200;
            width: 50%;
            font-size: 18px;
            box-sizing: border-box;
            padding-right: 10px;
			padding-left: 10px;
			
			
          }
		  
		   #post	#dropbtn {
		  
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	
		}

		#post #dropdown {
    position: relative;
    display: inline-block;
		}
/* CSS color of the background in the drop down menu */
		#post #dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 140px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		}
/* CSS color of the font in drop down menu */
		#post #dropdown-content a {
    color: #3189c9;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
		}

		#post #dropdown-content a:hover {background-color: #000000}

		#post #dropdown:hover .dropdown-content {
    display: block;
		}

          #post br {
            clear: both;
          }

		  
		  
 		 #thanks {
        padding: 20px 5%;
        color: white;
        font-family: Roboto, helvetica, arial, sans-serif;
        background-color: black;
		background-image: url(images/thankyou4.png);
        background-size: cover;
      } 
		 
		 #thanks h1 {
        font-weight: 300;
        font-size: 35px;
		text-align: right;
        line-height: 1em;
        margin-bottom: 0;
      }
        
      #thanks h2 {
        font-weight: 300;
        font-size: 18px;
		text-align: right;
        margin-top: 5px;
      }

      #thanks #aryachtslogo {
            float:right;
            padding: 0px;
            width: 75%;
            box-sizing: border-box;
            font-weight: 300;
         	} 
			
			
		#thanks	#dropbtn {
		  
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	
		}

		#thanks #dropdown {
    position: relative;
    display: inline-block;
		}
/* CSS color of the background in the drop down menu */
		#thanks #dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 140px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		}
/* CSS color of the font in drop down menu */
		#thanks #dropdown-content a {
    color: #bdbebf;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
		}

		#thanks #dropdown-content a:hover {background-color: #000000}

		#thanks #dropdown:hover .dropdown-content {
    display: block;
		}
	  
	  
  #thanksmob {
         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;
      }
		  
          
        }/* CSS Document */