@import url(font/stylesheet.css);

body {background: #222120;font-size: 12px;font-family: latoregular;}
a {text-decoration: none;}
a:hover{text-decoration: none;}
.dn{display: none;}

header{padding: 30px;}
header .logo{text-align: center;}
header .menu{text-align: right;}
header .menu ul{padding: 0;margin: 0;}
header .menu ul li{display: inline-block;padding: 0 20px;font-family: latolight;text-transform: uppercase;}
header .menu ul li a{color: #fff;font-size: 1.4em;}

.bloq-1{text-align: center;}
.bloq-1 img{width: 100%;}

.bloq-2{padding: 30px 0;}
.bloq-2 .image img{width: 100%;}
.bloq-2 .text h3{color: #fff;font-size: 3.2em;margin-bottom: 40px;}
.bloq-2 .text h3 span{color: #d33a49;}
.bloq-2 .text p{color: #fff;font-size: 1.8em;font-family: latolight;}
.bloq-2 .text p.big{font-size: 2.8em;margin-bottom: 40px;font-family: latoregular;}

.bloq-3{padding: 30px 0;background: url(../img/bg1.png) center no-repeat;background-size: cover;}
.bloq-3 .title h5{color: #d33a49;font-size: 1.0em;font-family: latolight;margin-bottom: 20px;text-align: center;text-transform: uppercase;letter-spacing: 6px;}
.bloq-3 .title h3{color: #fff;font-size: 4.2em;margin-bottom: 20px;text-align: center;}
.bloq-3 .title p{color: #fff;font-size: 1.0em;font-family: latolight;text-align: center;text-transform: uppercase;letter-spacing: 6px;}
.bloq-3 .title p span{color: #d33a49}
.bloq-3 .bloqs{margin-top: 60px;}
.bloq-3 .bloqs img{margin-bottom: 30px;}
.bloq-3 .bloqs h4{color: #fff;font-size: 1.8em;margin-bottom: 20px;font-family: latoregular;}
.bloq-3 .bloqs p{color: #fff;text-align: left;font-size: 1.2em;line-height: 1.5;}
.bloq-3 .bloqs .bg {background-color: #d44c65;}
.bloq-3 .bloqs .bg h4{color: #222221;}

.bloq-4{padding: 90px 0;background: url(../img/bg3.jpg) center no-repeat;background-size: cover;}
.bloq-4 p{color: #fff;font-size: 3.4em;font-family: latolight;text-align: center;margin-bottom: 0;}
.bloq-4 img{margin-left: 10px;}

.bloq-5{padding: 60px 0;}
.bloq-5 p{color: #fff;font-size: 2.8em;font-family: latolight;text-align: center;}
.bloq-5 p span{color: #d33a49}
.bloq-5 p a{color: #fff;}
.bloq-5 div.line{height: 2px;background-color: #d33a49;width: 300px;margin: 0 auto;}

#frm-contacto button{background-color: #d44c65;border: 0;color: #fff;text-transform: uppercase;padding: 10px 30px 5px;font-size: 1.4em;font-family: latoregular;border-radius: 5px;}
.help-block{color: #fff;font-size: 1.2em;}
.msg{color: #fff;font-size: 1.2em;text-align: center;font-family: latoregular;}

footer{padding: 60px 0;}
footer .logo{text-align: center;margin-bottom: 30px;}
footer p{text-align: center;color: #fff;font-size: 0.8em;font-family: latolight;text-transform: uppercase;letter-spacing: 6px;margin: 0;}
footer p span{color: #d33a49}
footer p a{color: #fff;}
footer p a:hover{color: #fff;}
footer div.line{height: 2px;background-color: #d33a49;width: 100%;margin: 5px 0;}

@media only screen and (min-width: 2560px){

}

@media only screen and (max-width: 1600px){

}

@media only screen and (max-width: 1440px){

}

@media only screen and (max-width: 1366px){

}

@media only screen and (max-width: 1024px){

}

@media (min-width: 768px) and (max-width: 991px) {
	header .menu{text-align: center;margin-top: 30px;}
	header .menu ul li{display: block;padding: 10px 0;}
	.bloq-1{padding: 90px 0;}
	.bloq-2 .image img {margin-bottom: 30px;}
	.bloq-4 p {font-size: 2.4em;}
	.bloq-5 p {font-size: 2.4em;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	header .menu{text-align: center;margin-top: 30px;}
	header .menu ul li{display: block;padding: 10px 0;}
	.bloq-1{padding: 90px 0;}
	.bloq-2 .image img {margin-bottom: 30px;}
	.bloq-4 p {font-size: 2.4em;}
	.bloq-5 p {font-size: 2.4em;}
}

@media only screen and (max-width: 479px){
	header .menu{text-align: center;margin-top: 30px;}
	header .menu ul li{display: block;padding: 10px 0;}
	.bloq-1{padding: 90px 0;}
	.bloq-2 .image img {margin-bottom: 30px;}
	.bloq-2 .text p.big {font-size: 2.4em;}
	.bloq-3 .title h3 {font-size: 3.2em;}
	.bloq-4 {padding: 60px 0;}
}