/* Big tablet to 1200px (widths smaller taht the 1140px row) */
@media only screen and (max-width: 1200px) {
    .hero-text-box {
        width: 100%;
        padding: 0 2%;
    }
	.hero-text-box-tickets {
        width: 100%;
        padding: 0 2%;
    }
    .main-nav { margin-right: 0; display: block; }
    .row { padding: 0 2%; }
}

/* Small tablet to big tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px) {
    body { font-size: 18px; }
    section { padding: 60px 0; }
	.logo { height: 50px;}
	.logo-black { height: 50px;	}
		
	.main-nav li { margin-left: 20px; }
	.main-nav { margin-right: 0; display: block; }
	.mobile-nav-icon {display: none;}
	.mobile-nav-icon-dark {display: none;}
	
    .long-copy {
        width: 80%;
        margin-left: 10%;
    }                      
}


/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {
    body { font-size: 16px; }
    section { padding: 30px 0; }
	
	.logo { height: 40px;
		margin-top: 30px; }	
    
    .row,
    .hero-text-box { padding: 0 4%; }
	.hero-text-box-bottom-2 { width:320px; }
	.header-tickets .hero-text-box-top-tickets { top: 27%; }
	.header-tickets .hero-text-box-tickets { top: 35%; }
	.header-tickets .hero-text-box-bottom-1-tickets { top: 46%; }
	.header-tickets .hero-text-box-bottom-2-tickets { top: 52%; width:320px; }
	.header-tickets .hero-text-box-bottom-date-tickets { top: 60%; }
	.header-tickets .hero-text-box-bottom-3-tickets { top: 70%; width: 335px; }
	.banner-wrapper-tickets { padding: 100px 0 275px }
    .col { 
        width: 100%;
        margin: 0 0 4% 0;
    }	    
	
	.hero-text-box-tickets { padding: 0 4%; }	
	
	.section-tickets {
		margin-top: -10px;	
	}	

    
    .main-nav { display: none; }
    .mobile-nav-icon {display: inline-block;}
	.mobile-nav-icon-dark {display: inline-block;}
    
    .main-nav {
        float: left;
        margin-top: 55px;
        margin-left: 30px;
    }
    
    .main-nav li {
        display: block;		
    }
	
	.main-nav li:first-child {    
    	margin-left:20px;
	}
    
    .main-nav li a:link,
    .main-nav li a:visited {
        display: block;
        border: 0;
        /*padding: 10px 0;*/
        font-size: 100%;
    }   
	
	.main-nav { margin-top: 30px; }
	.mobile-nav-icon {
		margin-right: 25px;
		font-size: 80%;
		margin-top: 30px;
	}
	.mobile-nav-icon-dark {
		margin-right: 25px;
		font-size: 80%;
		margin-top: 30px;
	}
	.main-nav li a:link,
    .main-nav li a:visited {        
        font-size: 70%;
    } 
	
	.header-tickets .main-nav li a:link, .main-nav li a:visited {
		padding: 0 !important;
	}
    
    
    h1 { font-size: 220%; }
    h2 { font-size: 150%; }
    
    .long-copy {
        width: 100%;
        margin-left: 0%;
    }    
	
	.section-two .box img {
    	width: 85%;    
	}
	
	.section-three .box {
		text-align: center;
	}
	
	.section-three .box img {
    	width: 85%;    
	}
	
	.section-three h3 {
		font-weight: 400;
		margin-bottom: 20px;
	}
	
	.schedule-description-1 {
		display: block;
	}
	
	.schedule-description-2 {
		display: none;
	}
    
}

/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
	.logo { height: 40px;
			margin-top: 30px; }	
	.logo-black { height: 30px;	}
    h1 { font-size: 190%; }
	h2 { font-size: 120%; }
	
	.hero-text-box h1 {
		font-weight: 500;
	}
	.hero-text-box-tickets h1 {
		font-weight: 500;
	}
	.main-nav { margin-top: 30px; }
	.mobile-nav-icon {
		margin-right: 25px;
		font-size: 80%;
		margin-top: 30px;
	}
	.mobile-nav-icon-dark {
		margin-right: 25px;
		font-size: 80%;
		margin-top: 30px;
	}
	.main-nav li a:link,
    .main-nav li a:visited {        
        font-size: 70%;
    } 
	
	.image-feature h3 {
		font-size: 150%;
		margin-bottom: 20px;
	}
	
	.section-two .box img {
    	width: 100%;    
	}
	
	.section-three h2 {
		font-size: 190%;
	}
	
	.section-three .box {
		text-align: center;
	}
	
	.section-three .box img {
    	width: 100%;    
	}
	
	.section-accommodations h2 {
		font-size: 170%;
	}
	
	.section-accommodations img {
		width: 100%;
	}
	
	
	footer {
		padding: 20px;
	}
	
	footer p {
		line-height: 15px;
	}
	
	
	.header-tickets .main-nav li a:link, .main-nav li a:visited {
		padding: 0 !important;
	}
	
/*
	.header-tickets .main-nav li a:link, .main-nav li a:visited {
    	padding: 8px 0;
	}
*/
}

/* iPhone 5 and 5S Portrait */
@media only screen and (max-width: 360px) {
/*
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
*/
	.logo { height: 30px; margin-top: 30px;}
	 h1 { font-size: 150%; }
	 h2 { font-size: 100%; }	
	.main-nav { margin-top: 30px; }
	.main-nav li a:link,
    .main-nav li a:visited {               
        padding: 3px 0;		
    }
	
	.header-home .main-nav li a:link,
    .header-home .main-nav li a:visited {               
        padding: 3px 0;		
		color: #ffffff;
    }
	
	.mobile-nav-icon {
		margin-right: 10px;
		font-size: 70%;
	}	 
	
	.mobile-nav-icon-dark {
		margin-right: 10px;
		font-size: 70%;
	}
	
	.section-two h2 {
		font-size: 150%;
	}
	
	.section-accommodations h2 {
		font-size: 170%;
	}
	
	.section-accommodations img {
		width: 100%;
	}
	
	.section-three h2 {
		font-size: 180%;
	}
	
	footer {
		padding: 20px;
	}
	
	footer p {
		line-height: 15px;
	}
}