/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15-sep-2021, 9:19:17
    Author     : Cienpies
*/


/* MEDIA QUERYS */

@media  (min-width : 320px) and (max-width : 425px) { 
    body{ margin-top: 150px !important;}
    .top0{ top: -165px; }
    .free-simple-slider .slider-box {height: 13em !important;}
    .margintop200{ margin-top: 10px;}
    .margintop50{ margin-top: 5px;}
    .hero h1 { font-size: 2em !important;}
    .hero h3 { font-size: 10px !important;}
    .btn.btn-hero {
        margin: 0px;
        font-size: 12px;
        padding: 10px 10px;
    }
    .hero {top: 5% !important;}
    .h2home{ font-size: 40px;}    
    .logoheader{ width: 100%;}
    .page-heading h1 { font-size: 28px; }
    .cookiesms{ height: 250px!important;}
    #btncookies { width: 100% !important;}
    
    .submenu{ display: none}
    #header_proyecto_ruth { height: 50px; display: none}
    #header_proyecto_inedit{ height: 50px; display: none} 
    #header_proyecto_argentona{height: 50px; display: none}
    .pictoheader{ display: none;}
    .solomvil { display: block;}
    
    .banner-1981{ height: 300px;}
    .banner-porxo{ height: 300px;}
    .banner-age{ height: 300px;}
    
    .bodyproyecto{ margin-top: 10px !important;}
    
    
    
    
}
@media  (min-width : 426px) and (max-width : 767px) { 
    .logoheader{ width: 80%;}
    #header_proyecto_ruth { height: 50px; display: none}
    #header_proyecto_inedit{ height: 50px; display: none}
    #header_proyecto_argentona{height: 50px; display: none}  
    .pictoheader{ display: none;}
    .solomvil { display: block;}
}
@media  (min-width : 768px) and (max-width : 991px) { 
    .logoheader{ width: 50%;}
    .pictoheader{ width: 8%;}
    .logoheader{ width: 50%; margin:auto;}
    .hero h1 { font-size: 40px!important;}
    .hero h3 { font-size: 15px!important;}
    .submenu{ display: none;}
    p { font-size: 12px !important; line-height: 16px !important;}
    h2{ font-size: 18px !important;}
    #passivhaussec i { font-size: 12px; line-height: 16px;}
    #header_proyecto_ruth { height: 250px;}
    #header_proyecto_inedit{ height: 250px;}
    #header_proyecto_argentona{height: 250px;}  
    .solomvil { display: none;}

    
}

@media only screen and (min-width: 1170px) {
    .cd-popup-trigger {
        margin: 6em auto;
        position:fixed;
        top:40%;
        right:0;
    }
}

@media only screen and (max-width: 1169px) {
    .cd-popup-trigger {
        margin: 6em auto;
        position:fixed;
        top:60%;
        right:0;
    }
}