/*
Theme Name: Bopgun
Theme URI: 
Author: bopgun
Author URI: http://www.bopgun.com
Description: 
Version: 1.0.0
Text Domain: 
*/


/* 
-----------
BELOW 1500PX 
-----------
*/
@media screen and (max-width: 1499px) {

h1 {font-size: 62px;}

/* Register Interest */

.register-interest .logo img.disney {max-width: 680px;}
.register-interest .logo img.characters {
	width: 320px;
	top: 130px;
	left: -110px;
}
.register-interest .logo img.theatre {
	width: 400px;
    top: -20px;
    right: -190px;
}

}



/* 
-----------
BELOW 1280PX 
-----------
*/
@media screen and (max-width: 1279px) {

h1 {font-size: 56px;}
h3 {font-size: 28px;}

.fixed-width {
	width: 100%;
	padding: 0 20px;
}

/* Register Interest */

.register-interest {
	padding: 80px 20px;
	text-align: left;
}
.register-interest .inside {width: 100%;}
.register-interest .logo img.characters {display: none;}
.register-interest .logo img.disney {max-width: 600px;}
.register-interest .logo img.theatre {
    top: -60px;
    right: -40px;
}
.register-interest .title {padding: 0 40vw 20px 0;}

}



/* 
-----------
BELOW 1024PX 
-----------
*/
@media screen and (max-width: 1023px) {

h1 {font-size: 46px;}
h3 {font-size: 22px;}

p {font-size: 16px;}

/* Footer */

.footer .left {
    width: 100%;
    text-align: center;
}
.footer .left img {
	float: none;
	margin: 0 10px 20px 10px;
}
.footer .left .socials .item {float: none;}
.footer .right {
	width: 100%;
	text-align: center;
}

/* Register Interest */

.register-interest {padding: 80px 20px 40px 20px;}
.register-interest .logo img.disney {max-width: 450px;}
.register-interest .title {padding: 0 35vw 20px 0;}
.register-interest .logo img.theatre {
	width: 360px;
    top: -80px;
    right: -60px;
}

.register-interest .form form input[type="email"],
.register-interest .form form button, 
.register-interest .form form .button {font-size: 22px;}

}



/* 
-----------
BELOW 768PX 
-----------
*/
@media screen and (max-width: 767px) {

p {font-size: 15px;}

/* Register Interest */

.register-interest {
	padding: 60px 20px 20px 20px;
	text-align: center;
}
.register-interest .logo img.theatre {
	width: 100%;
	max-width: 450px;
	position: static;
	top: auto;
	right: auto;
}
.register-interest .title {padding: 0 0 20px 0;}
.register-interest .logo {padding: 0 0 10px 0;}

.register-interest .form form input[type="email"],
.register-interest .form form button, 
.register-interest .form form .button {font-size: 20px;}

}



/* 
-----------
BELOW 600PX 
-----------
*/
@media screen and (max-width: 599px) {

h1 {font-size: 34px;}
h3 {font-size: 18px;}

/* Country Config */

.country-config .inside {padding: 30px 20px 20px 20px;}
.country-config .current {margin: 0 0 30px 0;}
.country-config .switch select {font-size: 14px;}
.country-config .switch p {font-size: 15px;}

/* Footer */

.footer p {font-size: 13px;}

/* Register Interest */

.register-interest {padding: 40px 20px 20px 20px;}
.register-interest .logo {padding: 0px;}
.register-interest .title {padding: 0 0 10px 0;}
.register-interest .form form button, 
.register-interest .form form .button {margin: 20px 0;}
.register-interest .form form input[type="email"],
.register-interest .form form button, 
.register-interest .form form .button {padding: 10px 20px;}

}