@font-face {
    font-family: 'FuturaBold';
    src: url('/fonts/FuturaBold.eot');
    src: url('/fonts/FuturaBold.eot') format('embedded-opentype'),
         url('/fonts/FuturaBold.woff2') format('woff2'),
         url('/fonts/FuturaBold.woff') format('woff'),
         url('/fonts/FuturaBold.ttf') format('truetype'),
         url('/fonts/FuturaBold.svg#FuturaBold') format('svg');
}
body{margin:0; padding:0; background-color:#fff; font-size:20px; color:#000; font-family:"Lato", sans-serif;}
*, *::before, *::after { box-sizing: border-box; }
img{max-width:100%;}
.logo{text-align: center;}
.coming-text {width: 100%;float: left;text-align: center;color: #fff;font-size: 37px;margin:0 0 15px;}
.title {width: 100%;float: left;color: #fff;font-family: 'FuturaBold';text-align: center;font-size: 50px;margin: 0 0 26px;}
h1 {width:94%;float: left;margin: 30px 3%;padding: 0 0 20px;text-align: center;color: #fff;font-size: 44px;border-bottom: 2px solid #fff;line-height: 40px;}
h1 b {font-size: 12px;position: relative;bottom: 10px;padding: 0 10px;}
h1 span {width: 100%;float: left;font-size: 37px;}
h2 {width: 100%;float: left;font-size: 34px;color: #fff;text-align: center;margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6{ font-family:"Lato", sans-serif;font-weight:normal;}
.wrapper{width:1185px; margin:0 auto;}
.top-content{width: 100%; float: left; background: #e72945; padding:140px 0;}
.btm-content{width: 100%; float: left; background: #e72945; padding:270px 0;}
.btm-content .wrapper{width:1670px;}
.btm-content .title{font-size: 63px;}
.two-logo img + img{float: right;}
.bottom-content {width: 100%;float: left;padding: 50px 0;text-align: center;}
h3 {width: 100%;float: left;background:#e72945;color: #fff;font-size: 34px;font-weight: 700;padding: 10px 0;margin: 15px 0;}
ul {width: 100%;float: left;margin: 0;padding: 0;}
ul li {width: 100%;float: left;border: 2px solid #e72945;margin-bottom: 15px;font-size: 28px;padding: 10px 0;letter-spacing: 1px;list-style: none;}
ul li b{font-weight: normal;}
@media (max-width: 1600px) {
	body{font-size:18px;}
	.wrapper{width:800px;}
	.btm-content .wrapper{width: 1200px;}
	.top-content {padding:90px 0;}
	.btm-content{padding: 190px 0;}
	.two-logo img {max-width: 49%;}.btm-content .title {font-size: 50px;}
	h1 {width: 96%;float: none;margin: 30px 2% 20px;padding: 0 0 15px;font-size: 28px;line-height: 28px;display: table;}
	h1 span, .coming-text{font-size: 20px;}
	h1 b{bottom: 4px;}
	h2 {font-size: 20px;}
	h3 {font-size: 24px;padding: 8px 0; margin: 15px 0 10px;}
	ul li {font-size: 20px;padding: 8px 0; margin-bottom: 10px;}
}
@media (min-width: 768px) and (max-width: 1080px)and (orientation : portrait){
	body{font-size:16px;}
	.wrapper, .btm-content .wrapper{width:700px;}
	h1{font-size: 24px;}
	h1 span, ul li, .coming-text{font-size: 18px;}
	h1 b {bottom: 2px;}
	.title, .btm-content .title{font-size: 34px;}
	.btm-content{padding: 90px 0;}
}
@media (max-width: 767px){
	body, h3, .coming-text{font-size:16px;}
	.wrapper, .btm-content .wrapper{width:96%; max-width:1025px; margin:0 2%;}
	.top-content {padding: 100px 0;}
	h1 {width: 100%;margin: 20px 0;font-size: 14px;line-height: 20px;}
	h1 span, h2, ul li{font-size: 14px;}
h1 b {font-size: 8px;bottom: 3px;padding: 0 3px;}
	.title, .btm-content .title{font-size: 24px;}
	.btm-content{padding:50px 0;}
}