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

/****************************/
/* SMALL DESKTOP		*/
/****************************/
@media (min-width: 1201px) and (max-width: 1400px) {

	.container    { max-width:100%; padding: 0 30px; }
	
	.logo { margin-left:0px; height:80px; }
	.nav-item { font-size:22px; margin-left:10px;  }
	
	#intro p {
		font-size: 20px;
		line-height: 150%;
	}
	
	#intro h3 {
		font-size: 24px;
		line-height: 125%;
	}
	
	.btn { font-size:22px; }
	
	.copy-block {
		font-size: 20px; 
	}
	
	.copy-block h2 { 
		font-size:45px;
	}
}


@media (min-width: 993px) and (max-width: 1200px) {

	.container    { max-width:100%; padding: 0 30px; }
	
	.logo { margin-left:0px; height:60px; }
	.nav-item { font-size:22px; margin-left:10px;  }
	
	#intro p {
		font-size: 20px;
		line-height: 150%;
	}
	
	#intro h3 {
		font-size: 24px;
		line-height: 125%;
	}
	
	.btn { font-size:22px; }
	
	.copy-block {
		font-size: 20px; 
	}
	.copy-block p {
		font-size:18px; 
	}
	.copy-block h2 { 
		font-size:35px;
	}
	.copy-block h3 { 
		font-size:24px;
	}
	.btn {
		padding: 15px 20px;
	}
}




/****************************/
/* 740 <-> 992  IPAD (P)
/****************************/

@media (min-width: 740px) and (max-width: 999px) {
	.mobile-show	{ display:none!important;}
	.mobile-hide	{ display:block!important;}
	.container    { max-width:100%; }
	
	
}


/****************************/
/* 480 <-> 750 IPHONE (L)
/****************************/

@media (max-width: 740px) {

	.mobile-show	{ display:block!important;}
	.mobile-hide	{ display:none!important;}
	.container    { max-width:100%; }
   
	
}@charset "utf-8";
/* CSS Document */
@charset "UTF-8";
/* CSS Document */


/* 1200+  */
/****************************/
/* REGULAR					*/
/****************************/

@media (min-width: 1300px) {
	.mobile-show	{ display:none!important;}
	.mobile-hide	{ display:block!important;}
    .container    { max-width:1500px; }
	header .container { max-width:100%; }
}

@media (min-width: 1200px) and (max-width: 1300px) {
	.mobile-show	{ display:none!important;}
	.mobile-hide	{ display:block!important;}
  	.container    { max-width:100%; }
}

/* 992 <-> 1300  */
/****************************/
/* IPAD LANDSCAPE 			*/
/****************************/

@media (min-width: 992px) and (max-width: 1200px) {
	.mobile-show	{ display:none!important;}
	.mobile-hide	{ display:block!important;}
	.container    { max-width:100%; }
	.logo { margin-left:0px; }
}

/****************************/
/* 740 <-> 992  IPAD (P)
/****************************/

@media (max-width: 992px)  {

	.mobile-show	{ display:block!important;}
	.mobile-hide	{ display:none!important;}
	.container    { max-width:100%; }
	header .container { 
		    padding-right: 15px;
    padding-left: 15px;
	 }
	
	.btn {
		padding: 10px 15px;
		font-size: 16px;
	}
    
	nav { height: 80px; }
	.logo { height: 60px; }
	.mobile-nav { display:inline-block; }
	
	.navbar-nav { margin: 50px 0 10px 0; text-align: center;}
	#upper_nav_buttons a.nav-link { top:auto; }

	#upper_nav_buttons { 

	}
	#upper_nav_buttons a.nav-link {

    width: 100%;
    text-align: center;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
					    position: fixed;
    bottom: 0;
    left: -10px;
    z-index: 999;
		padding:10px 0 6px;
}
	
	
	.mt-mobile { margin-top:30px;}
	.nav-item { margin-left:0px; }
	#menu-item-16 {
		background-color: #ed1b5e;
		padding: 0 10px 0;
		position: absolute;
		bottom: 0;
		width: 100%;
		text-align: center;
		left: 0;
    	margin: 0;
	}
	
	h1 {
		font-size: 50px;
		line-height: 100%;
		margin-bottom: 30px;
		text-align: center;
	}
	
	h1 span {
		margin-bottom: 10px;
		display: inline-block;
	}
	
	h4 { text-align: center; }
	
	
	.banner-lockup{ 
		position:relative;
		width:100%;
		height:700px;
		min-height:700px;
		background-size: cover;
		overflow: hidden;
	}
	
	.brush,
	.brush-bottom {
		width:700px;
		max-width:700px;
	}
	
	.brand-credit { bottom: 60px; }
	
	
	#intro {
		padding:40px 0 50px;
	}
	#intro h3 {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 30px;
		text-align: center;
	}
	
	#intro p {
		font-size: 19px;
		line-height: 150%;
		text-align: center;
		margin-bottom:30px;
	}
	
	#intro .btn { 
	margin-top:0px; 
	color:#fff;
}
	
	.copy-block {
    	font-size: 18px;
		line-height: 150%;
		margin-bottom:60px;
		padding: 0 15px;
	}
	
	.copy-block h2 {
		font-size: 35px;
		line-height: 100%;
		margin-bottom: 20px;
		margin-top:30px; 
	}
	
	.menu-list .btn {
		font-size: 24px;
		display: inline-block;
		min-width: 55vw;
	}
	
	.copyright { text-align: center; }
}