@charset "utf-8";

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

a, a:visited, a:hover{
	text-decoration: none;
	 color:inherit;
}

body{
	margin: 0;
	overflow: hidden;
}

.box1, .box2{
	height: 100vh;
	width: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	float: left;

}

.box1{
	background-image:url(background1.jpg);
}

.box2{
	background-image:url(background2.jpg);
}

.logo{
	position: fixed;
	top: 6%;
	left: 6%;
	width: 30%;
	height: auto;
}

.footer{
	position: fixed;
	bottom: 6%;
	width: 100%;
	height: 95px;
	background-color: rgba(145,10,0,1.00);
	padding-left: 7%;
	padding-right: 7%;
}

.cont1, .cont2{
	height: 100%;
	
    font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: rgba(255,255,255,1.00);	
	line-height: 23px;
	
	
}

.cont1{
	float: left;
	max-width: 556px;
	text-transform: uppercase;
	width: 66%;
	column-fill:20px;
	column-width: 268px;
	column-count: 2;
	padding-top: 13px;
	
}

.cont2{
	float: right;
	width: 34%;
	position: relative;
	padding-bottom: 14px;
}

.contact{
	position: relative;
	width: 100%;
	height: 100%;
}

.facebook{
	position: absolute;
	width: 50px;
	height: auto;
	right: 230px;
	bottom: 0;
}

.tel{
	position: absolute;
	float: right;
	right: 0;
	bottom: 0;
	
}
@media only screen and (max-width: 1024px) {
	
	.box1, .box2{
		float: none;
		width: 100%;
		height: 100vh;
	}
	
	.logo{
		width: 50%;
	}
	
	.footer{
		height: 135px;
	}
	
	.cont1{
		column-count: auto;
		column-width: auto;
		padding-top: 10px;
	}
	
	.cont2{
		padding-bottom: 10px;
	}
	
}

@media only screen and (max-width: 720px) {

	.cont1, .cont2{
		font-size: 16px;
		width: 50%;
	}
	
	.facebook{
		bottom: 40px;
		right: 110px;
	}
}

@media only screen and (max-width: 520px) {
	.logo{
		width: 62%;
	}
	
	.footer{
		height: 190px;
		
	}
	
	.cont1, .cont2{
		
		position: static;
		font-size: 14px;
		line-height: 17px;
		width: 100%;
		height: 50%;	
	}
	
	
	
	.keyw{
		position: absolute;
		top:0;
		margin-top: 13px;
		
	}
	
	
	.facebook{
		
		position: absolute;
		width: 35px;
		left: 0;
		top:20px;
	
		
	}
	
	.tel{
		position: relative;
		top: 65px;
		width: 100%;
	}
	
	.contact{
		left: 0;
	}
}