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

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;700&family=Open+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');
html,body{height:100%; width:100%;}
body{margin:0px; padding:0; font-family: 'Outfit', sans-serif; font-size:18px; transition: all 0.2s ease-out; background:url("../images/bg.jpg");  background-repeat:no-repeat; }
	p{font-family: 'Outfit', sans-serif; font-weight:normal; line-height:1.6; color:#fff; text-shadow: 4px 4px 11px rgba(0,0,0,0.6); font-weight:400; margin-top:5px;}
.text-center{text-align:center;}
.wraper{width:100%; height:100%; display:flex; flex-wrap:wrap; align-items: center; /*background:url("../images/bg.jpg"); background-size:cover;*/}
.innter-container{max-width:950px; margin: 0 auto; padding:0 30px;}
.logo-title{font-family: 'Josefin Sans', sans-serif; color:#bafbff; font-weight:700; text-transform:uppercase; font-size:72px; margin:15px 0;}
.logo-title span{font-weight:300; font-style:italic;}
.tagline{ color:#bafbff; font-weight:500; margin-bottom:40px; font-size:20px;}
.emaillink{font-size:20px; font-weight:500;  text-decoration:none; color:#fff; display:inline-block; margin-top:40px; margin-bottom:20px;}
.emaillink:hover{color:#bafbff;}
.emaillink:hover span{color:#fff;}
.emaillink span{color:#bafbff;}
.content-block{display:flex; flex-wrap:wrap; justify-content: space-between;}
.content-block .col-45{width:50%; text-align:center; max-width:330px; padding:5px 25px 0px 25px; box-sizing:border-box; border: 0px solid #fff;}
.content-block .col-50a{width:50%; text-align:center; max-width:360px; padding:5px 0px 0px 0px; box-sizing:border-box; border: 0px solid #fff;}
.content-block .col-50b{width:50%; text-align:center; max-width:330px; padding:5px 5px 0px 5px; box-sizing:border-box; border: 0px solid #fff;}
.content-block .col-100{width:100%; text-align:center; max-width:630px; padding:5px 0px; box-sizing:border-box; margin:0 auto; border: 0px solid #fff;}

@media(max-width:992px){
body{font-size:16px;}
.content-block .col-50{width:50%; text-align:center; max-width:310px; padding:5px 0; box-sizing:border-box;}
.logo-title{ font-size:50px; }	


	
}
@media(max-width:767px){

.content-block .col-50{width:100%; text-align:center; max-width:630px; margin:0 auto;}
.tagline {margin-bottom: 30px; font-size: 18px;}
	
}

@media(max-width:500px){

body{font-size:15px;}
.logo-title{ font-size:40px; }


	
}