*{box-sizing: border-box;}
body{font-family: 'Open Sans', sans-serif;font-size:1.1em; line-height:1.2em;color: #464442;margin: 0;}
.container{width: 50%; float: left; heigth: 100%; height:100vh;}
nav#phone-mobile{display: none;}
h1{font: 600 25px/30px 'Nunito', sans-serif;color: #009659; margin: 30px 0;}
h1 span {font: 400 18px/20px 'Nunito', sans-serif;color: #3cbd97; text-transform: uppercase}
p strong{font-size: 1.2em; color: #009659;}
.center{text-align: center; color: #7e7b78;}
.info-left p a{text-decoration: none;color: #464442;}

.container-left{background:#fff; }
.container-left .box-int{margin: 30px auto;  max-width:600px;overflow:hidden; padding: 0 30px;}

iframe{width:100%; height: 260px;}

.logo{width:100%; max-width: 350px; margin: 0 auto; padding; 10px;display:block;}
.container-right{background:url("../images/bg.jpg");background-position: center center; background-repeat: no-repeat;
 background-size: 100%;min-height:800px; background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.container-bottom{display: none; background:url("../images/bg-mobile.jpg");background-position: center center; background-repeat: no-repeat;
 background-size: 100%;min-height:200px;}
.info{ float:left;}
.info-left{width: 100%}
.info-right{width:100%; margin-top: 25px; border: 2px solid #3cbd97;}

@media(max-width:1180px){
	.container-left .box-int{margin: 20px auto; padding: 0 30px;}
		.logo{max-width:280px;}
	}

@media(max-width:930px){
	body{font-size:1em; line-height:1.1em;}
	.info-left,.info-right{width:100%;}
	.container-left .box-int {
    margin: 10px auto;
    padding: 0 15px;
	}
	h1 {
    font-size: 1.5em;
    line-height: 1.3em;
	}
	h2{line-height: 1.3em;font-size:1.4em;}
	p strong {font-size: 1.1em;}
	.logo{max-width:200px;}
	iframe{height: 180px;}
}
@media(max-width:700px){
	.container{width: 100%; height: auto;}
	.container-right{display: none;}
	.container-bottom{display: block;}
	.info-left,.info-right{width:100%; overflow: hidden;clear: both;}

	h1{font-size: 1.4em;}
	h2{font-size: 1.3em;}
	p strong{font-size: 1em;line-height: 1.2em;}
	/* ---- PHONE MOBILE ---- */
	nav#phone-mobile {display:block; position:relative;}
	nav#phone-mobile a#menu-icon-phone {display:block; width:100%;height:70px; background:#000; float:left;  position:relative; text-align:center; z-index:1;}
	nav#phone-mobile a#menu-icon-phone i{line-height:70px; color:#fff; font-size:2.4em;}
	nav#phone-mobile ul {width:100%; position:absolute;  top:102px; z-index:9999;}
	nav#phone-mobile ul li {width:100%; list-style:none;}
	nav#phone-mobile ul li.separator {display:none;}
	nav#phone-mobile ul li a:link, nav#phone-mobile ul li a:visited {color:#fff;background:#98bf0e;display:block;text-align:center;font-size:16px;border-bottom:1px solid #787878;line-height:35px;
	text-decoration:none;}	
}