@media only screen and (max-width: 768px) {
    #slide-out-widget-area:not(.fullscreen-alt):not(.fullscreen), #slide-out-widget-area-bg.fullscreen, #slide-out-widget-area-bg.fullscreen-alt .bg-inner, body.material #slide-out-widget-area-bg.slide-out-from-right {
        background-color: #607d8bd4!important;
    }
    .col h2, h2, .single-product div.product h1.product_title, .woocommerce-account .woocommerce > #customer_login .nectar-form-controls .control{
        font-size: 32px;
    }
    .wpb_wrapper h3.vc_custom_heading {
        font-size: 17px!important;
        line-height: 23.8px!important;
    }
    #slide-out-widget-area .inner .off-canvas-menu-container li a {
        font-size: 30px;
        line-height: 52px;
        font-family: 'Open Sans';
        font-weight: 500;
        letter-spacing: 0px;
    }
    #slide-out-widget-area .menuwrapper .menu.menuopen{
        margin-top: 20px;
    }
    #header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a{
        margin-left: 20px;
    margin-right: 25px;
    }
    #footer-outer[data-cols="1"] #copyright, #footer-outer #copyright[data-layout="centered"] {
        padding: 25px 0;
    }
    #footer-outer[data-cols="1"] #copyright .col ul li {
        margin-bottom: 5px;
    }
    #footer-outer[data-cols="1"] #copyright li a{
        height: 35px;
    }
    #footer-outer[data-cols="1"] #copyright li a i {
        -webkit-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: all .45s cubic-bezier(0.25, 1, 0.33, 1);
    font-size: 16px;
    height: 35px;
    width: 39px;
    line-height: 38px!important;
    }
    #footer-outer[data-cols="1"] #copyright li a i:after{
        height: 35px;
    width: 35px;
    }
    #footer-outer[data-cols="1"] #copyright li, #footer-outer #copyright[data-layout="centered"] li, #footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li {
        float: none;
        display: inline-block;
        margin: 0 2px;
        width: auto;
    }
    .fancybox-slide--html .fancybox-content {
        width  : 960px;    padding: 20px;
        height : 720px;
        max-width  : 80%;
        max-height : 80%;
        margin: 0;
    }
    .insidelightbox img{
        width: 80%;
        max-width: 600px;
        height: auto;
    }
    .insidelightbox h2 {
        margin-bottom: 10px;
        font-size: 30px;
    }
    .columncontenido h2{
        font-size: 40px !important;
        text-align: center !important;
        color: white;
        letter-spacing: 1px;
        transition: all 0.5s ease;
    }
    .columncontenido:hover h2{
        font-size: 52px !important;
    }
	#footer-outer[data-cols="1"][data-disable-copyright="false"] #copyright {
        padding-bottom: 25px;
    }	
    .obras.listado_obras .obra{
        padding: 140px 5%;
        background-size: cover;
        background-position: center center;
        cursor: pointer;
        overflow: hidden;
        position: relative;transition: all 0.5s ease;
    }
    .obras.listado_obras .obra h2{
        color: white;position: relative;z-index: 99;
    }
    .obras.listado_obras .obra .overlay{
        position: absolute;
        width: 100%;
        height: 100%;
        background: #00000052;
        top: 0;
        transition: all 0.5s ease;
        opacity: 0;
        left: 0;
    }
    .obras.listado_obras .obra:hover .overlay{
        opacity: 1;transition: all 0.5s ease;
    }
    .contenido-box{
        float: left;
        width: 100%;
        text-align: center;    margin-bottom: 25px;
    }
    .contenido-box .html5lightbox{
        height: 220px;
        width: 100%;
        background-size: cover;
        background-position: center center;
        float: left;
        margin-left: 2.5%;
    }
    .contenido-box h2{
        text-align: center;
        font-size: 23px;
        font-weight: 500;
    }
    .container_contenido_escuela {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
        padding: 0 15px;
    }
.container_contenido_escuela .contenido_escuela .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000052;
    top: 0;
    transition: all 0.5s ease;
    opacity: 0;
    left: 0;
}
.container_contenido_escuela .contenido_escuela:hover .overlay{
    opacity: 1;transition: all 0.5s ease;
}
.contenido_escuela{
    background-size: cover;
    background-position: center center;
    height: 250px;
    overflow: hidden;
    cursor: pointer;
    position: relative; 
}
.contenido_escuela h2{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-weight: 300;
    font-size: 28px;
    transition: all 0.5s ease;
}
.contenido_escuela:hover h2{
    font-size: 32px;
}
}