main{margin-top:0; padding-top: 40px}
body,html{height: 100%;}
h2{font-weight: 100 !important; font-family: 'Lato', sans-serif !important;}
h1{font-weight: 100 !important; }
#video{width: 100%; padding-top: 60px; float: left;}
header{width: 100%; position: fixed; top: 0;height: auto; padding: 10px 0; background:#ffffffbd; z-index: 2}
#menu{float: right;list-style: none;margin-top: 7px;margin-bottom: 0;}
#menu li{float: left;; margin-right: 10px}
#menu li a{color: #000;font-family: 'Questrial', sans-serif; font-size: 13px; text-transform: uppercase;}
#home{background:url(../img/nomada.jpg);width: 100%;height:100vh;background-size: cover !important;padding-top: 60px;background-attachment: fixed;background-position: top center}
#logo img{width: 150px}
img#logo_home {width: 600px;margin:0 auto;margin-top: 200px;display: block;}
.w100{width: 100%}
.modulo{float: left;width: 100%;margin: 40px 0}
.separador{width: 100%; clear: both;height: 30px}
.justify{text-align: justify;}
.tac{text-align: center;}
iframe{width: 100%; min-height: 500px}
#contacto{/*background: #231f20; margin: 0; padding: 80px 0*/     background: url(../img/franja2.jpg);
    background-size: cover;
    margin: 0;
    background-position: top center; overflow: hidden;}
#contacto h2{ color: #fff ;}
#contacto input[type=text],#contacto textarea,#contacto input[type=email]{background-color: rgba(0,0,0,0);color: #888888;font-family: "Questrial", Sans-serif;font-size: 14px;font-weight: 400;text-transform: uppercase;letter-spacing: 2.8px;padding: 0px 0px 8px 0px;margin: 33px 0px 0px 0px;border-style: solid;border-width: 0px 0px 1px 0px;border-color: #373435;border-radius: 0px 0px 0px 0px;width: 100%;    height: 20px;}
#contacto input[type=submit]{background-color: rgba(0,0,0,0);text-decoration: none;padding: 0px 0px 6px 0px;border-radius: 0% 0% 0% 0%;border-style: solid;border-width: 0px 0px 1px 0px;margin: 5.8% 0% 0% 39.7%;color: #fff;}
p,ul,ol{font-family: 'Crimson Text', serif;}
img.img_servicio {width: 100%;/*border-radius: 50%;*/}
a#triggermenu {float: right;font-size: 26px;color: #000;display: none}
#cerrarmenu{display: none}
.social{list-style: none; padding: 0}
.social li {float: left; text-align: center;    width: 33.33%;}
.social li a{color: #fff}
footer{background: #231f20;margin: 0;padding:  0;float: left;width: 100%;}
footer p.copy{color: #fff; font-size: 12px !important}
.mt80{margin-top: 80px}
.mt20{margin-top: 20px}
article img{margin-bottom:30px;}
.extracto{color: #333; margin-bottom: 2px}
.proyecto_sidebar{    border-bottom: 1px solid #e4e4e4; margin-bottom: 20px}
.proyecto_sidebar h3{margin-bottom: 2px;}
.proyecto_sidebar .vermas{margin-bottom: 20px; display: block; color: #333; text-decoration: underline; text-align: left;}
.container_servicio p{color: #333;text-align: center;margin-top: 20px;margin-bottom: 50px;}
.col-md-4.proyecto {margin: 20px 0;}
.titulo_proyecto{color: #212529;width: 100%; display: block; text-align: center; margin-top: 5px}
.titulo_proyecto:hover{color: #212529; text-decoration: underline;}
twitterwidget{margin: 0 auto;}
article p {margin-bottom: 30px;font-size: 19px;}
.formas_trabajo{
        background: url(../img/franja1.jpg) #231f20 ;
    float: left;
    padding: 40px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.tac{text-align: center}
.fff{color: #fff;}
.w100{width: 100%}
img.img_cliente {
    width: 200px;
    display: block;
    margin: 0 auto;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid red;
    color: #fff;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    color: #fff;
}
.icono_forma {
    width: 33%;
    float: left;
}
.icono_forma img {
    width: 70%;
    margin:0 auto;
    display: block
}
.icono_forma h2{
        text-align: center;
    color: #fff;
    font-size: 14px;
}
div.wpcf7 .wpcf7-recaptcha iframe {
    margin-bottom: 0;
    min-height: 40px !important;
}
h3{
    font-size: 24px !important;
}
.col-md-3.proyecto {
    margin-bottom: 30px;
}
 /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		img#logo_home {width: 300px;margin:0 auto;margin-top: 200px;display: block;}
		#menu{display: none}
		#menu{ position: fixed; top: -7px;background: #000; left: 0; width: 100%; height: 100%; opacity: 0.9}
		#menu li{width: 100%; padding: 0; text-align: center;}
		#menu li a{color: #fff;font-size: 20px; display: block; padding: 10px 0}
		a#triggermenu {display: block}
		#cerrarmenu{display: block}
		iframe{width: 100%; min-height: 300px; height: 300px !important}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }