@font-face {
	font-family: 'Californian FB';
	src: url('fonts/CALIFR.TTF') format('truetype'),
		url('fonts/CALIFR.woff') format('woff');
}

@font-face {
	font-family: 'Baskerville Old Face';
	src: url('fonts/BASKVILL.TTF') format('truetype'),
		url('fonts/BASKVILL.woff') format('woff');
}


body {
margin:0px;
}
#gallery {
width: 80%;
height: 100%;
display: block;
position: absolute;
overflow: hidden;
top: 0;
right: 0;
}

#info{position: relative; width:20%; left:0%; background:#fff; color:#FFF; font-family: 'Californian FB', sans-serif;}
#info h1{font-size: 12px; font-weight: 400; margin: 0px;}
#info  p{font-size: 11px; margin: 0px;}
#info h2{font-size: 12px; font-weight: 400;}
#info a, #info a:visited, #info a:focus, #info a:hover {text-decoration: none; color: #FFF;}

.header-top  { text-align:center;}	
.header-top img{max-width:90%; margin-top:10px;  }

.description{
	position: absolute; width:15%; top: 35%; left:2%; right: 2%;  
	background:#fff; color:#006D33; font-family: 'Californian FB', sans-serif ; font-size: 20px;
}

.description p{
	padding-left: 2%;
	margin: 0;
	padding: 0;
}
            
ul {
	line-height: 1.5em;
	margin: 5px 0 15px;
	padding-left: 2%;
}
  
li {
	list-style: none;
	position: relative;
	padding: 0 0 0 20px;
}
	  

 li.checkmark::before {
	content: ""; 
	position: absolute; 
	left: 2px; 
	top: 10px; 
	width: 3px;
	height: 6px;
	border: solid #006D33;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
  }
	
.contact { position:absolute; top: 75%; left:2%; display:block; } 
.contact p{color:rgba(0,109,51,1); font-family: 'Californian FB', sans-serif; font-size: 20px; font-weight: bold; }
.contact p span{ display: block;}
.contact a{color:#006D33; font-family: 'Californian FB', sans-serif; font-size: 20px; text-decoration:none;}
.contact a:hover{color:rgba(158,159,155,1);}

.icon {
	width:30px; 
	height:30px;
	display:	inline-block;
	text-align: center;
	background-size: 100% 100%;
	vertical-align:middle;
	filter: invert(14%) sepia(82%) saturate(4119%) hue-rotate(152deg) brightness(101%) contrast(100%);  
}
.icon-instagram {    background-image: url(icons/instagram.svg); }
.icon-whatsapp  {    background-image: url(icons/whatsapp.svg);  }
.icon-email  	{    background-image: url(icons/envelope.svg);  }
.icon-map 		{    background-image: url(icons/map.svg); 		 }


a:hover, a:hover .icon-instagram,  a:hover .icon-whatsapp, a:hover .icon-email, a:hover .icon-map{
   filter: invert(74%) sepia(6%) saturate(139%) hue-rotate(34deg) brightness(86%) contrast(87%);
}


#galeriamobile{ display:none;}
@media (max-width: 768px){
	
	#gallery { display:none;}
	#galeriamobile{ display:block;}
	#galeriamobile img{ max-width:100%;}

	#info{ width:100%;}
	 .description{ width:95%; right: 2%;left: 2%;} 
	
	.header-top  { text-align:left;  }	
    .header-top img{margin-top:10px; margin-left:15px;  }
	
	.contact { position:relative; margin-left:15px; margin-bottom:20px;
		top: initial;left: initial;
	}

	.description { position:relative; margin-left:15px; margin-bottom:20px;
		top: initial;left: initial;
	}
}