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

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. iPad
	4. large desktop
	5. Other
*/
.nav-mobile{ display:none;}
/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px) {
.main-banner { min-height:400px !important; }
h1{ font-size:26px; margin-bottom:15px;}
p{ font-size:14px;}

.main-banner:before{ height:300px;}
.main-banner .logo{ margin-bottom:30px;}
.main-banner .logo figure img{ max-width:100px; margin-bottom:10px;}
.main-banner .logo figure figcaption{ font-size:18px;}
.main-banner .welcome-text{ padding:40px 20px 30px; margin:0 auto 40px;}
a.btn{ font-size:18px; max-width:200px; height:46px; line-height:56px;}

}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {
.main-banner { min-height:550px !important; }
h1{ font-size:30px;}
p{ font-size:14px;}

.main-banner:before{ height:400px;}
.main-banner .logo{ margin-bottom:40px;}
.main-banner .logo figure img{ max-width:120px; margin-bottom:15px;}
.main-banner .logo figure figcaption{ font-size:20px;}
.main-banner .welcome-text{ padding:40px 20px 30px; margin:0 auto 60px;}
a.btn{ font-size:20px; max-width:240px; height:46px; line-height:56px;}

}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
.main-banner:before{height:500px;}

.main-banner .logo{ margin-bottom:50px;}
.main-banner .logo figure img{ max-width:140px;}
.main-banner .logo figure figcaption{ font-size:24px;}
.main-banner .welcome-text{ padding:50px 50px 40px; margin:0 auto 80px;}
a.btn{ font-size:24px; max-width:280px; height:54px; line-height:66px;}

}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {
.main-banner .logo{ margin:0 auto 50px;}
.main-banner .welcome-text{ margin:0 auto 70px; padding: 60px 110px 50px;}
}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (min-width:1200px) and (max-width:1400px) {

}

@media (max-width:1160px) {
.main-banner{ background-position: center center;}
	
}

@media (max-width:767px) {

}

@media (max-width:480px) {
.main-banner{ min-height:500px !important;}
h1{ font-size:22px; margin-bottom:10px;}
p{ font-size:13px;}

.main-banner:before{ height:300px;}
.main-banner .logo{ margin-bottom:20px;}
.main-banner .logo figure img{ max-width:90px; margin-bottom:10px;}
.main-banner .logo figure figcaption{ font-size:17px;}
.main-banner .welcome-text{ padding:30px 10px 10px; margin:0 auto 30px;}
a.btn{ font-size:18px; max-width:200px; height:40px; line-height:48px; margin:5px 10px;}

}