@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Libre+Baskerville:400,400i,700');

body{
	font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4{
	font-family: 'Libre Baskerville', serif;
	color: #075440;
	font-weight: 400;
}


section#header {
    text-align: center;
    padding: 25px 0;
    box-shadow: 0 -3px 15px;
	position: relative;
	z-index: 99;
}


section#header img.brand {
    width: 100%;
    max-width: 218px;
}

section#banner {
    background-image: url(imgs/bg.jpg);
    background-size: cover;
    padding: 100px 0;
}

.banner-box {
    background: #7bdea736;
    padding: 30px;
    float: right;
}

.banner-box h1 {
    font-size: 41px;
}

a.btn-fb {
    background: #075440;
    padding: 7px 12px;
    border-radius: 10px;
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
	margin-top: 20px;
}

a.btn-fb img {
   margin-right: 5px;
}

ul.contact-list li {
    margin-bottom: 5px;
}

ul.contact-list li img{
    margin-right: 10px;
}

hr {
    display: block;
    width: 30px;
    height: 2px;
    background: #dfcaa3;
    margin: 20px 0 25px;
}

input, textarea {
    background: #e4f8ed;
    border: 0;
    padding: 5px;
    width: 100%;
    margin-bottom: 10px;
}

textarea {
    height: 60px;
}

input.submit {
    background: #075440;
    padding: 7px 12px;
	border: 0;
    border-radius: 10px;
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
	width: auto;
	float: right;
}


section#mensaje {
    text-align: center;
    background: #075440;
    color: #ffffff;
    padding: 30px 0;
    font-size: 20px;
}

@media (max-width: 700px){
	section#banner {
		background-position: right;
	}
}