@media (min-width: 200px) and (max-width: 800px) {
    @font-face {
        font-family: 'coolvetica';
        src: url('../../font/coolvetica.otf') format('opentype');
    }
    
    
    /* 0) CONTAINER BODY  */
    body{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        /* height: 2000px; */
        background-color: #EEEEEE;
        /* background-color: #F5F5F5; */
        /* background-color: #9abb5e; */
        /* background-image: linear-gradient(120deg, #395D3B 0%, #96e6a1 100%); */
        margin:0px;
        /* padding: 2%; */
        /* background-color: #BDBDBD; */
        /* font-family: "coolvetica"; */
    }
    
    /* 0) END CONTAINER BODY */
    
    /* 0) CONTAINER FLAG */
    .flagColors{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
    }
    
    .lineColor{
        display:flex;
        flex-direction: row;
        width: 100%;
        border: 3px solid #66BB6A;
        margin-bottom: 1px;
    }
    
    /* 0) END CONTAINER FLAG */
    
    /* 0) CONTAINER MAIN */
    
    .containerMain{
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items:center;
        margin:0px;
        /* background-image: linear-gradient(120deg, #395D3B 0%, #96e6a1 100%); */
        /* margin-top: 2%; */
        /* margin-left: 2%;
        margin-right: 2%; */
        /* border: 1px solid red; */
        /* background-color: green; */
    }
    /* END CONTAINER MAIN */
    
    
    /* 0.1)CONTAINER HEADER */
    header{
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        justify-content: center;
        align-items:center;
        margin:0px;
        /* margin-bottom: 1%; */
        padding: 0px;
        background-color: white;
        /* background-color: #395D3B;	 */
        /* border: 3px solid #395D3B; */
        /* background-image: url(''); */
        /* background-image: linear-gradient(120deg, #395D3B 0%, #96e6a1 100%); */
        
    }
    
    .mainMenu{
        display: flex;
        flex-direction: column;
        width: 100%;
        height:auto;
        justify-content: center;
        align-items:center;
        /* background-color:#F5F5F5; */
        /* background-color: '#395D3B'; */
        /* border-radius: 25px; */
        /* border:1px solid blue;	 */
        /* color:black; */
    }
    
    .mainMenu > figure{
        display: flex;
        flex-direction: row;
        width: 100%;
        height:80px;
        justify-content: center;
        align-items:center;
        /* border: 1px solid brown; */
        margin: 0px;
        padding: 0px;
    }
    
    .mainMenu > figure >span{
        text-decoration: none;
        color: #4CAF50;
        font-weight: bold;
        font-size: 1.5em;
    }
    
    .brand{
        /* display: flex;
        flex-direction: row;
        width: 20%;
        height: 60px;
        justify-content: center;
        align-items:center; */
        /* border:1px solid green; */
    
        display:flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        width: 50px;
        height: 50px;
        /* height: 100vh; */
        /* border: 1px solid green; */
        background-color: white;
        /* box-shadow: 0px 4px 8px rgba(238, 238, 238, 0.6); */
        box-shadow: 0px 4px 12px rgba(189, 189, 189, 0.9);
        border-radius: 10px;
        margin: 0px;
        padding: 0px;
        transition: transform 0.3s ease;
        margin-right: 5%;
    }
    
    .brand:hover{
        transform: translateX(5px);
    }
    
    .brand > a{
        text-decoration: none;
        display: flex;
        flex-direction: row;
        width: 100%;
        /* height: 300px; */
        justify-content: center;
        align-items:center;
    }
    
    .brand > a > img{
        /* width: 50%;
        height: 60px; */
    
        /* border:1px solid red; */
        width: 22px;
        height: 36px;
        filter: contrast(0.8); /* Aumenta el brillo y contraste */
        /* padding: 2px; */
        cursor: pointer;
    }
    
    /* .brand > a > img:hover{
        transform: scale(1.1);
    } */
    
    
    
    .brand2{
    
        display:flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        width: auto;
        height: 50px;
        margin: 0px;
        padding: 0px;
        transition: transform 0.3s ease;
        margin-right: 5%;
    
    
    
    
    
    }
    
    
    .brand2:hover{
        transform: translateX(5px);
    }
    
    .brand2 > a{
        text-decoration: none;
        display: flex;
        flex-direction: row;
        width: 100%;
        /* height: 300px; */
        justify-content: center;
        align-items:center;
    }
    
    .brand2 > a > img{
        width: auto;
        height: 50px;
        filter: contrast(0.8); /* Aumenta el brillo y contraste */
        cursor: pointer;
        /* border:1px solid red; */
    }
    
    
    .mainMenuLinks{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items:center;
        width: 100%;
        height: 60px;
        /* height: 25px; */
        /* margin-bottom: 2%; */
        /* border:1px solid blue; */
        
    }
    
    .mainMenuLinks > a{
        display: flex;
        flex-direction: row;
        width: 16%;
        /* height:inherit; */
        justify-content: center;
        align-items:center;
        text-decoration: none;
        color: #424242;
        text-align: center;
        /* border:1px solid black; */
        font-size: 0.8em;
        font-family: 'coolvetica';
        padding-left: 1px;
        padding-right: 1px;
    
    }
    
    .mainMenuLinks > a:hover{
        cursor: pointer;
        /* border-bottom: 1px solid black; */
        /* background-color: black; */
        color:#4CAF50;
    }
    
    


    .btnDownload{
        font-size: 24px;
        font-weight: bold;
        animation: blink-animation 1.2s steps(1) infinite;
    }
    
    .btnDownload:hover{
        color: #4CAF50;
    }
    
    .btnSiguenos{
        display: none;
    }
    
    @keyframes blink-animation {
        0% { opacity: 1; }
        50% { opacity: 0; }
        100% { opacity: 1; }
    }
    
    
    
    
    /* END CONTAINER HEADER */
    
    /*  */
    
    .containerContact{
        display: flex;
        flex-direction: column;
        width: 100%;
        /* height: 400px; */
        justify-content: center;
        align-items: center;
        /* border:1px solid green; */
        background-color: #EEEEEE;
        margin-top: 1%;
        margin-bottom: 1%;
        position: relative;
    }
    
    .con-c-title{
        display: flex;
        flex-direction: row;
        width: 100%;
        height:40px;
        justify-content: center;
        align-items:center;
        /* background-color: #d9ceaa; */
        border-radius: 8px;
        color:black;
    
        font-weight: bold;
        font-size: 1.5em;
        margin-top: 2%;
        margin-bottom: 2%;
        font-family: "coolvetica";
        /* border:1px solid red; */
    }
    
    .con-cc-titles{
        display: flex;
        flex-direction: row;
        width: 100%;
        height:30px;
        justify-content: center;
        align-items:center;
        /* background-color: #EA69A3; */
        border-radius: 8px;
        color:black;
        font-weight:normal;
        font-size: 1em;
        margin-bottom: 2%;
        font-family: "verdana";
        font-weight: normal;
        text-align: center;
    }
    
    .con-c-contact{
        display: flex;
        flex-direction: column;
        width: 100%;
        height:auto;
        justify-content: center;
        align-items:center;
        /* background-color: #E0E0E0; */
        /* margin-top: 10px; */
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px;
        /* border: 1px solid red; */
    }
    
    #formContact{
        width: 80%;
        margin-left: 2%;
        margin-top: 10%;
    }
    
    .con-c-contact > iframe{
        width:80%; 
        height:520px;
        margin-bottom: 1%;
        /* border:1px solid red; */
    }
    
    #formContact > .form-group > label{
        display: none;
    }
    
    #formContact > .form-group > span{
        display: none;
    }
    
    #formContact > .form-group > small{
        display: none;
    }
    
    #formContact > .form-group > input{
        background-color: white;
        color: black;
        font-weight: bold;
    }
    
    #formContact > .form-group > input::placeholder{
        color: black;
        opacity: 0.7;
    }
    
    
    #formContact > .form-group > textarea{
        background-color: white;
        color:black;
        font-weight: bold;
    }
    
    
    #formContact > .form-group > textarea::placeholder{
        color:black;
        opacity: 0.7;
    }
    
    .con-c-buttonSubmit{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
    }
    
    #btnContact{
        background-color: #00BFA5;
        color:white;
        font-weight: bold;
        border: none;
        width: 60%;
        margin-top: 10px;
        /* margin-bottom: 10px; */
    }
    
    .con-c-contact > iframe{
        width:'45%'; 
        height:'520px';
    }
    
    #id_captcha_1{
        margin-top: 10px;
    }
    
    #notificationsContact > * {
        position: absolute;
        bottom:0;
        right: 0;
        font-size: 0.7em;
    }
    
    /* END CONTAINER GALERY CONTACT */
    
    /*  */
    
    
    .containerFooter{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        /* border:1px solid red; */
    }
    
    footer{
        /* display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100px;
        background-color: lightslategray;
        border-top: 3px solid white;
        background-image: linear-gradient(120deg, #395D3B 0%, #96e6a1 100%); */
    
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        justify-content: center;
        align-items:center;
        margin:0px;
        /* margin-bottom: 1%; */
        padding: 0px;
        background-color: white;
        /* background-color: #395D3B;	 */
        /* border: 3px solid #395D3B; */
        /* background-image: url(''); */
        /* background-image: linear-gradient(120deg, #395D3B 0%, #96e6a1 100%); */
        
    }
    
    .fmainMenu{
        display: flex;
        flex-direction: column;
        width: 100%;
        height:auto;
        justify-content: center;
        align-items:center;
        padding-top: 10px;
        padding-bottom: 10px;
        /* gap:20px; */
        /* background-color:#F5F5F5; */
        /* background-color: '#395D3B'; */
        /* border-radius: 25px; */
        /* border:1px solid blue;	 */
        /* color:black; */
    }
    
    .fmainMenu > figure{
        display: flex;
        flex-direction: row;
        /* width: 12%; */
        height:auto;
        justify-content: center;
        align-items:center;
        /* border: 1px solid yellow; */
        margin: 0px;
        padding: 0px;
    }
    
    .fmainMenu > figure >span{
        text-decoration: none;
        color: #4CAF50;
        font-weight: bold;
        font-size: 1.5em;
    }
    
    .fbrand{
        /* display: flex;
        flex-direction: row;
        width: 20%;
        height: 60px;
        justify-content: center;
        align-items:center; */
        /* border:1px solid green; */
    
        display:flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        width: 50px;
        height: 50px;
        /* height: 100vh; */
        /* border: 1px solid red; */
        background-color: white;
        /* box-shadow: 0px 4px 8px rgba(238, 238, 238, 0.6); */
        box-shadow: 0px 4px 12px rgba(189, 189, 189, 0.9);
        border-radius: 10px;
        margin: 0px;
        padding: 0px;
        transition: transform 0.3s ease;
        margin-right: 5%;
    }
    
    .fbrand:hover{
        transform: translateX(5px);
    }
    
    .fbrand > a{
        text-decoration: none;
        display: flex;
        flex-direction: row;
        width: 100%;
        /* height: 300px; */
        justify-content: center;
        align-items:center;
    }
    
    .fbrand > a > img{
        /* width: 50%;
        height: 60px; */
    
        /* border:1px solid red; */
        width: 22px;
        height: 36px;
        filter: contrast(0.8); /* Aumenta el brillo y contraste */
        /* padding: 2px; */
        cursor: pointer;
    }
    
    /* .brand > a > img:hover{
        transform: scale(1.1);
    } */
    
    .fcopyright{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items:center;
        height: auto;
        /* border:1px solid greenyellow; */
    }
    
    .fcopyright > span{
        font-size: 0.95em;
        font-family: 'coolvetica';
    }
    
    .fmainMenuLinks{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items:center;
        width: 10%;
        height: auto;
        /* height: 25px; */
        /* margin-bottom: 2%; */
        /* border:1px solid red; */
        
    }
    
    .fmainMenuLinks > a{
        display: flex;
        flex-direction: row;
        width: auto;
        height:inherit;
        justify-content: center;
        align-items:center;
        /* padding-left: 1%;
        padding-right: 1%; */
        /* border-left: 1px solid white; */
        text-decoration: none;
        color: #424242;
        text-align: center;
        font-size: 1.1em;
    
        border:1px solid white;
        /* background-color: rgba(255, 2555, 255, 0.8); */
        /* padding-top: 1%;
        padding-bottom: 1%; */
        margin-right: 10px;
        /* border-radius: 25px; */
        font-family: 'coolvetica';
    
    }
    
    .fmainMenuLinks > a:hover{
        cursor: pointer;
        /* border-bottom: 1px solid black; */
        /* background-color: black; */
        color:#4CAF50;
    }
    
    
    
    
    
    .fEurekLogo{
        display: flex;
        flex-direction: row;
        width: auto;
        height: 80px;
        /* border: 1px solid red; */
        transition: transform 0.3s ease;
    }
    
    .fEurekLogo:hover{
        transform: translateX(5px);
    }
    
    .fEurekLogo>a{
        text-decoration: none;
        display: flex;
        flex-direction: row;
        width: 100%;
        /* height: 300px; */
        justify-content: center;
        align-items:center;
    }
    
    
    .fEurekLogo>a>img{
        width: 100px;
        height: auto;
        /* filter: contrast(0.8); */
        cursor: pointer;
        /* border:1px solid blue; */
    }
    
    
    
    
    .callToAction{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        background-color: #66BB6A;
        /* border:1px solid red; */
    }
    
    .emailPhone{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 70%;
        height: auto;
        /* border:1px solid red; */
    }
    
    .emailPhone > a{
        margin-right: 10px;
        text-decoration: none;
        color: black;
        /* color: white; */
        font-size: 0.9em;
        font-weight: bold;
        padding-left: 10px;
        text-decoration: underline;
    }
    
    .emailPhone > a:hover{
        color: #424242;
    }
    
    
    .socialNetwork{
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        width: 30%;
        height: auto;
    }
    
    .socialNetwork > a{
        margin-left: 10px;
        text-decoration: none;
        color: black;
        /* color: white; */
        font-size: 0.9em;
        font-weight: bold;
        padding-right: 10px;
    }
    
    .socialNetwork > a:hover{
        color: #424242;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .linkheaderProfile{
        /* border:1px solid rebeccapurple; */
        position: absolute;
        top: 10px;
        right: 10px;
    }
    
    .headerProfile{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        /* width: 6%; */
        /* height: 10vh; */
        /* border-right: 1px solid blue; */
        position: absolute;
        top: -10px;
        right: 10px;
    }
    
    .headerProfile>a{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        /* border:1px solid red; */
        height: 100px;
        /* margin-top: 20px; */
    }
    
    .headerProfile>a>img{
        height: 45px;
        width: 45px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
    }   
    
    .headerProfile>a>img:hover{
        height: 50px;
        width: 50px;
        opacity: 0.5;
          display: block;
          transition: .3s ease;
          backface-visibility: hidden;
          cursor: pointer;
    }  
    
    
    
    
    
    
    
    /* WHASTAPP */
    .float{
        position:fixed;
        width:45px;
        height:45px;
        bottom:30px;
        right:10px;
        background-color:#25d366;
        /* background-color: #EA69A3; */
        color:#FFF;
        border-radius:50px;
        text-align:center;
          font-size:30px;
        box-shadow: 2px 2px 3px #00BFA5;
          z-index:100;
    }
    
    .float > i{
        margin-top: 6px;
        /* border: 1px solid red; */
        /* color:blue; */
    }
    .float:hover {
        text-decoration: none;
        color: #25d366;
          background-color:#fff;
    }
    
    .my-float{
        margin-top:16px;
    }
    
    /* WHASTAPP */
    
    #formContact{
        position: relative;
    }
    
    .captcha-refresh{
        position: absolute;
        bottom: 110px;
        left: 100px;
        margin-right: 1%;
        cursor: pointer;
    }
    
    .captcha-refresh:hover{
        color:black;
    }
    
    

}