@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');

body{
	margin:0;
	padding:0;
	background:#fff;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
}

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

.page{
	min-height:100vh;
	background-image:url('../images/bg.png');
	background-position:top left;
	background-repeat:no-repeat;
	background-size:cover;
	padding:7.5%;
}

.logo-cont{
	width:100%;
	height:auto;
}

.logo-cont span.logo{
	width:21.25%;
	max-width:408px;
	display:block;
	height:auto;
}

.logo-cont span.logo img{
	width:100%;
	height:auto;
	display:block;
}

.announcement{
	padding:90px 5% 0 10%;
}

.announcement .txt{
	font-size:56px;
	line-height:56px;
	text-transform:uppercase;
	color:#555555;
}

.announcement .txt.mob{
	display:none;
}

.announcement .txt span{
	font-weight:900;
	color:#C81229;
}

.info{
	padding:120px 5% 120px 10%;
}

.info .txt-row{
	color:#555555;
	font-size:24px;
	line-height:32px;
}

.info .txt-row span.lbl{
	color:#C81229;
	text-transform:uppercase;
}

.info .txt-row a{
	color:#555555;
	text-decoration:none;
}

.info .txt-row a:hover{
	color:#C81229;
}

.info .txt-row span.line{
	padding:0 10px 0 0;
}

.follow-us{
	padding:0 5% 0 10%;
}

.follow-us span,
.follow-us a{
	display:inline-block;
	vertical-align:middle;
}

.follow-us span{
	color:#555555;
	font-size:16px;
	line-height:28px;
	font-weight:700;
	text-transform:uppercase;
}

.follow-us a{
	width:auto;
	height:28px;
	background-image:url('../images/fb.png');
	background-repeat:no-repeat;
	background-position:center left;
	background-size:contain;
	padding:0 0 0 35px;
	
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.follow-us a:hover{
	opacity:0.8;
}

a[href^="tel"] {
  color:#555555;
  text-decoration: none;
}

@media screen and (max-width: 1600px){
.announcement .txt {
    font-size: 46px;
    line-height: 46px;
}

.announcement {
    padding: 80px 5% 0 10%;
}

.info {
    padding: 100px 5% 100px 10%;
}
}

@media screen and (max-width: 1440px){
.announcement .txt {
    font-size: 40px;
    line-height: 40px;
}

.announcement {
    padding: 70px 5% 0 10%;
}

.info {
    padding: 80px 5% 80px 10%;
}
}

@media screen and (max-width: 1024px){
.logo-cont span.logo{
	width:30%;
}

.announcement .txt {
    font-size: 36px;
    line-height: 36px;
}

.announcement {
    padding: 60px 0 0;
}

.info {
    padding: 70px 0;
}

.follow-us {
    padding: 0;
}
}

@media screen and (max-width: 768px){
.logo-cont span.logo {
    width: 36%;
}

/*.announcement,
.info,
.follow-us{
	text-align:center;
}*/

.info .txt-row span.line{
	padding:0;
	display:block;
}
}

@media screen and (max-width: 667px){
.logo-cont span.logo {
    width: 40%;
}
}

@media screen and (max-width: 520px){
.logo-cont span.logo {
    width: 50%;
}

.announcement {
    padding: 50px 0 0;
}

.info {
    padding: 40px 0;
}

.announcement .txt {
    font-size: 30px;
    line-height: 30px;
}

.info .txt-row {
    font-size: 18px;
    line-height: 26px;
}

.page{
	padding: 10% 7.5%;
}
}

@media screen and (max-width: 420px){
.logo-cont span.logo {
    width: 60%;
}

.announcement .txt {
    font-size: 26px;
    line-height: 26px;
}

.page{
	padding: 10% 5%;
}
}

@media screen and (max-width: 360px){
.logo-cont span.logo {
    width: 65%;
}

.announcement .txt {
    font-size: 24px;
    line-height: 24px;
}

.info .txt-row {
    font-size: 16px;
    line-height: 22px;
}
}