body{

background-image:url("../images/background.jpg");
background-repeat: no-repeat;	
background-size: cover;
background-position: center center;
font-family:'Effra-Regular';
}

.main{ 
	width: 100%;
	max-width:1368px;
	margin:0 auto;
 }

.logo{
	text-align: center;
	margin-top:50px;
}

.text-image-box{ display: flex; justify-content: center; margin:50px 0; }

.text-box-left {
	width:40%;
	height: 550px;
	background:#90BAC9;
	margin-right: 10px	
}

.button-center {
  text-align: center;
}

.button {
  border: none;
  color: white;
  padding: 16px 32px;
  background-color: #008CBA;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 14px 30px;
  transition-duration: 0.4s;
  cursor: pointer;
}


.text-box-left p{ 
	font-family: Verdana, Times New Roman, Times, serif;
	font-size: 1em;  color:#001733; padding:70px 70px;
	line-height: 1.6;
	}
	
.text-box-left a { color:#001733; text-decoration: none;}

.image-box-right {
	width: 60%;
	height: 550px;
	margin-left: 10px;	
}

.image-box-right img{ width: 100%; height: 100%; }

.footer-text ul{ list-style: none; margin: 0 auto; text-align: center; padding:0; margin-bottom: 40px;}
.footer-text ul li{ text-decoration: none; display: inline-block; text-transform: uppercase; font-size: 15px; color:#001733; letter-spacing: 6px; }
.footer-text ul li a{ text-decoration: none; display: inline-block; text-transform: uppercase; font-size: 15px; color:#001733; letter-spacing: 6px;}
.footer-text ul li:before{ content: "."; font-size:20px; color:#001733; margin:0 30px; }
.footer-text ul li:first-child:before{ display: none; }




/*@media (max-width: 1440px){
	.text-box-left p{ padding:40px; }
	.text-image-box{   margin: 50px 30px;}
	.image-box-right, .text-box-left{ height:530px; }

}*/

@media (max-width: 1024px){
.text-image-box{ margin:50px 30px; }
.text-box-left p{ padding:50px; }
.footer-text ul li:before{ margin:0 20px; }
.footer-text ul li{ font-size: 12px;letter-spacing: 4px; }

}

@media (max-width: 768px) {

	.logo{ margin-top:80px; }
	.logo img{ width:45%; }
	.text-image-box{ flex-wrap:wrap; margin:50px 40px; }
	.text-box-left { width:100%;margin-right: 0; margin-bottom: 40px; height: 100%;}
.image-box-right { width:100%; margin-left: 0; height: 100%;}
.footer-text ul{ margin-bottom: 40px; }
.footer-text ul li{ font-size:12px; letter-spacing: 4px;}
.footer-text ul li a{ font-size:12px; letter-spacing: 4px;}
.footer-text ul li:before{ margin:0 20px;}
 .text-box-left p{ padding:50px; }
  
}

@media (max-width: 500px){
	.text-box-left p{ padding: 30px; font-size:18px;}
	.text-image-box{ margin:30px 30px; }
	.logo{ margin-top:50px; }
	.footer-text ul li{ font-size:10px; letter-spacing: 4px;}
.footer-text ul li a{ font-size:10px; letter-spacing: 4px;}
.footer-text ul li:before{ margin:0 10px;}

}

@media (max-width: 400px){
	.text-box-left p{ padding: 18px; font-size:16px;}
	.footer-text ul li:before{ margin:0 6px;}
		.text-image-box{ margin:30px 20px; }

	

}