@media (min-width: 241px) and (max-width: 320px) {
body {
            background-color: rgb(0, 0, 0);
        }
    .img_logo_h1 {
        width: 16%;
        margin: 0 0 0 1%;
        background-color: transparent;
    }
    .a_logo {
        width: 100%;
        height: 50%;
    }
    
    .container {
        padding: 0;
    }
    
    /*--------------burger--------------------*/
    .burger {
        margin: -4% 4% 0 0;
        width: 40px;
        z-index: 13;
    }
    .burger span{
        width: 25px;
        height: 0.01em;
        z-index: 13;
    }
    .burger span:nth-child(1) {
        transform: translateY(-9px);
    }
    
    .burger span:nth-child(2) {
        transform: translateY(-3px);
    }
    .burger span:nth-child(3) {
        transform: translateY(3px);
    }
    .burger span:nth-child(4) {
        transform: translateY(9px);
    }
    header.open .burger span {
        background-color: #ffffff;
       
    }
    .header.open .burger span:nth-child(1) {
        transform: translateX(0px) rotate(45deg);    
    }
    .header.open .burger span:nth-child(2) {
        transform: translateX(0px) rotate(45deg);
    }
    .header.open .burger span:nth-child(3) {
        transform: translateX(0px) rotate(-45deg);
    }
    .header.open .burger span:nth-child(4) {
        transform: translateX(0px) rotate(-45deg);
    }
    .menu  {
        z-index: 11;
        padding-top: 80px;
        right: -122px;
        width: 120px;
    
    }

    .menu__list li a {
        font-size: 8px;
        padding: 1% 0 5% 12%;
        
    }

    
/*----------------------------btn-idioma---------------------------------*/
    .idioma {
        width: auto;
        display: flex;
        align-items: center;
        background-color: transparent;
        margin: -3% 0 0 -130%;
        
    }

    .btn_text {
        font-size: 14px;
        margin: 0 10% 0 0;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        &:hover {
            font-weight: 600;
            color: #FFAC37;
            text-shadow: #FFAC3740 0px 30px 60px -12px, rgba(255, 255, 255, 0.3) 0px 18px 36px -18px;
        } 
    }
    


    /*---------------body------------------------*/
    .h1 {
        font-size: 35px;
        margin-top: 25%;
    }
    .h1_p {
        margin: 0% 10% 1% 10%;
        font-size: 10px;
        font-weight: 400;
        text-align: center;
        width: 60%;
      }
    .btn_submit  {
        
        margin-top: 3%;
        padding: 1% 1%;
        text-align: center;
        text-transform: uppercase;
        transition: 0.5s;
        font-size: 17px;
        background-size: 200% auto;
        color: white;            
        width: 250px;
        border-radius: 50px;
        display: block;
        justify-content: center;
        cursor: pointer;
    }
    .text_advertencia p {
    
        font-size: 8px;
    }
    
    /*----------------footer-----------------------*/
    .footer_conteiner {
        display: block;
        
    }
    .footer_h1 {
        font-size: 25px;
        letter-spacing: 0px;
    }
    .horario_text, .tel_footer p, .cor_footer p, .ubi_footer p { 
        font-size: 8px;
    }
    .info_paginas {
        display: none;
    }
    .footer_text_opi {
        font-size: 8px;
       
    }
    .conteiner_pol {
        margin: 2% 0 1% 0;
    }
    .conteiner_pol p a {
        font-size: 6px;
    }
    .linia_vertical_footer {
        display: none;
    }
    /*-----------------redes-right--------------------------------*/
    #arrow_up_div {
        bottom: 10px;
        right: 2.2%;
        width: 6px;
       
    }
    #face {
        bottom: 75px;
        right: 2.4%;
        width: 6px;
    }

    #what {
        bottom: 55px;
        right: 2.8%;
        width: 6px;
    }

    #ins {
        bottom: 35px;
        right: 2.8%;
        width: 6px;
    }

}

@media (min-width: 321px) and (max-width: 480px) {
    body {
            background-color: rgb(0, 0, 0);
        }
    .img_logo_h1 {
        width: 16%;
        margin: 0 0 0 1%;
        background-color: transparent;
    }
    .a_logo {
        width: 100%;
        height: 50%;
    }
    
    .container {
        padding: 0;
    }
    
    /*--------------burger--------------------*/
    .burger {
        margin: -4% 4% 0 0;
        width: 40px;
        z-index: 13;
    }
    .burger span{
        width: 25px;
        height: 0.01em;
        z-index: 13;
    }
    .burger span:nth-child(1) {
        transform: translateY(-9px);
    }
    
    .burger span:nth-child(2) {
        transform: translateY(-3px);
    }
    .burger span:nth-child(3) {
        transform: translateY(3px);
    }
    .burger span:nth-child(4) {
        transform: translateY(9px);
    }
    header.open .burger span {
        background-color: #ffffff;
       
    }
    .header.open .burger span:nth-child(1) {
        transform: translateX(0px) rotate(45deg);    
    }
    .header.open .burger span:nth-child(2) {
        transform: translateX(0px) rotate(45deg);
    }
    .header.open .burger span:nth-child(3) {
        transform: translateX(0px) rotate(-45deg);
    }
    .header.open .burger span:nth-child(4) {
        transform: translateX(0px) rotate(-45deg);
    }
    .menu  {
        z-index: 11;
        padding-top: 80px;
        right: -122px;
        width: 120px;
    
    }

    .menu__list li a {
        font-size: 8px;
        padding: 1% 0 5% 12%;
        
    }

    
/*----------------------------btn-idioma---------------------------------*/
    .idioma {
        width: auto;
        display: flex;
        align-items: center;
        background-color: transparent;
        margin: -3% 0 0 -130%;
        
    }
    .btn_text {
        font-size: 16px;
        margin: 0 10% 0 0;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        &:hover {
            font-weight: 600;
            color: #FFAC37;
            text-shadow: #FFAC3740 0px 30px 60px -12px, rgba(255, 255, 255, 0.3) 0px 18px 36px -18px;
        } 
    }
    /*---------------body------------------------*/
    .h1 {
        font-size: 35px;
        margin-top: 20%;
    }
    .h1_p {
        margin: 0% 10% 1% 10%;
        font-size: 10px;
        font-weight: 400;
        text-align: center;
        width: 60%;
      }
    .btn_submit  {
        
        margin-top: 3%;
        padding: 1% 1%;
        text-align: center;
        text-transform: uppercase;
        transition: 0.5s;
        font-size: 17px;
        background-size: 200% auto;
        color: white;            
        width: 250px;
        border-radius: 50px;
        display: block;
        justify-content: center;
        cursor: pointer;
    }
    .text_advertencia p {
    
        font-size: 8px;
    }
    
    /*----------------footer-----------------------*/
    .footer_conteiner {
        display: block;
        
    }
    .footer_h1 {
        font-size: 25px;
        letter-spacing: 0px;
    }
    .horario_text, .tel_footer p, .cor_footer p, .ubi_footer p { 
        font-size: 8px;
    }
    .info_paginas {
        display: none;
    }
    .footer_text_opi {
        font-size: 8px;
       
    }
    .conteiner_pol {
        margin: 2% 0 1% 0;
    }
    .conteiner_pol p a {
        font-size: 6px;
    }
    .linia_vertical_footer {
        display: none;
    }
    /*-----------------redes-right--------------------------------*/
    #arrow_up_div {
        bottom: 10px;
        right: 2.2%;
        width: 6px;
       
    }
    #face {
        bottom: 75px;
        right: 2.4%;
        width: 6px;
    }

    #what {
        bottom: 55px;
        right: 2.8%;
        width: 6px;
    }

    #ins {
        bottom: 35px;
        right: 2.8%;
        width: 6px;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
body {
            background-color: rgb(0, 0, 0);
        }
    .img_logo_h1 {
        width: 10%;
        margin: 0 0 0 1%;
        background-color: transparent;
    }
    .a_logo {
        width: 100%;
        height: 50%;
    }
    
    .container {
        padding: 0;
    }
    
    /*--------------burger--------------------*/
    .burger {
        margin: -4% 4% 0 0;
        width: 40px;
        z-index: 13;
    }
    .burger span{
        width: 35px;
        height: 0.01em;
        z-index: 13;
    }
    .burger span:nth-child(1) {
        transform: translateY(-12px);
    }

    .burger span:nth-child(2) {
        transform: translateY(-4px);
    }
    .burger span:nth-child(3) {
        transform: translateY(4px);
    }
    .burger span:nth-child(4) {
        transform: translateY(12px);
    }
    header.open .burger span {
        background-color: #ffffff;
       
    }
    .header.open .burger span:nth-child(1) {
        transform: translateX(0px) rotate(45deg);    
    }
    .header.open .burger span:nth-child(2) {
        transform: translateX(0px) rotate(45deg);
    }
    .header.open .burger span:nth-child(3) {
        transform: translateX(0px) rotate(-45deg);
    }
    .header.open .burger span:nth-child(4) {
        transform: translateX(0px) rotate(-45deg);
    }
 

    
/*----------------------------btn-idioma---------------------------------*/
    .idioma {
        width: auto;
        display: flex;
        align-items: center;
        background-color: transparent;
        margin: -2% 0 0 -150%;
        
    }
 
    .btn_text {
        font-size: 20px;
        margin: 0 20% 0 0;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        &:hover {
            font-weight: 600;
            color: #FFAC37;
            text-shadow: #FFAC3740 0px 30px 60px -12px, rgba(255, 255, 255, 0.3) 0px 18px 36px -18px;
        } 
    }
    .menu  {
        z-index: 11;
        padding-top: 80px;
        right: -177px;
        width: 175px;
    
    }

    .menu__list li a {
        font-size: 11px;
        padding: 1% 0 5% 12%;
        
    }


    /*---------------body------------------------*/
    .h1 {
        font-size: 45px;
        margin-top: 15%;
    }
    .h1_p {
        margin: 0% 10% 1% 10%;
        font-size: 12px;
      }
    .btn_submit  {
        padding: 1% 1%;
        font-size: 20px;
        width: 350px;

    }
    .text_advertencia p {
    
        font-size: 11px;
    }
    
    /*----------------footer-----------------------*/
    .footer_conteiner {
        display: flex;
        
    }
    .footer_h1 {
        font-size: 40px;
        letter-spacing: 0px;
    }
    .horario_text, .tel_footer p, .cor_footer p, .ubi_footer p { 
        font-size: 13px;
    }
    .info_paginas {
        font-size: 13px;
    }
    .text_info_paginas {
        font-size: 13px;
       
    }
    .footer_text_opi {
        font-size: 14px;
    
    }
    .conteiner_pol {
        margin: 2% 0 1% 0;
    }
    .conteiner_pol p a {
        font-size: 9px;
    }
    .linia_vertical_footer {
        height: 200px;  
    }
    /*-----------------redes-right--------------------------------*/
    #arrow_up_div {
        bottom: 10px;
        right: 2.2%;
        width: 10px;
       
    }
    #face {
        bottom: 120px;
        right: 2.6%;
        width: 10px;
    }

    #what {
        bottom: 85px;
        right: 2.8%;
        width: 10px;
    }

    #ins {
        bottom: 50px;
        right: 2.8%;
        width: 10px;
    }
  }

@media (min-width: 769px) and (max-width: 992px) {
    body {
        background-color: rgb(0, 0, 0);
    }
    .img_logo_h1 {
        width: 8%;
        margin: 0 0 0 1%;
        background-color: transparent;
    }
    .a_logo {
        width: 100%;
        height: 50%;
    }
    
    .container {
        padding: 0;
    }
    
    /*--------------burger--------------------*/
    .burger {
        margin: -2% 4% 0 0;
        width: 40px;
        z-index: 13;
    }
    .burger span{
        width: 45px;
        height: 0.01em;
        z-index: 13;
    }
    .burger span:nth-child(1) {
        transform: translateY(-15px);
    }

    .burger span:nth-child(2) {
        transform: translateY(-4px);
    }
    .burger span:nth-child(3) {
        transform: translateY(5px);
    }
    .burger span:nth-child(4) {
        transform: translateY(15px);
    }
    header.open .burger span {
        background-color: #ffffff;
    
    }
    .header.open .burger span:nth-child(1) {
        transform: translateX(0px) rotate(45deg);    
    }
    .header.open .burger span:nth-child(2) {
        transform: translateX(0px) rotate(45deg);
    }
    .header.open .burger span:nth-child(3) {
        transform: translateX(0px) rotate(-45deg);
    }
    .header.open .burger span:nth-child(4) {
        transform: translateX(0px) rotate(-45deg);
    }
 

    
/*----------------------------btn-idioma---------------------------------*/
   .idioma {
        width: auto;
        display: flex;
        align-items: center;
        background-color: transparent;
        margin: -1% 0 0 -160%;
        
    }
    .btn_text {
        font-size: 22px;
        margin: 0 20% 0 0;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        &:hover {
            font-weight: 600;
            color: #FFAC37;
            text-shadow: #FFAC3740 0px 30px 60px -12px, rgba(255, 255, 255, 0.3) 0px 18px 36px -18px;
        } 
    }

    .menu  {
        z-index: 11;
        padding-top: 80px;
        right: -177px;
        width: 175px;
    
    }

    .menu__list li a {
        font-size: 12px;
        padding: 1% 0 5% 12%;
        
    }
    /*---------------body------------------------*/
    .h1 {
        font-size: 85px;
        margin-top: 14%;
    }
    .h1_p {
        margin: 0% 10% 1% 10%;
        font-size: 14px;
      }
    .btn_submit  {
        padding: 1% 1%;
        font-size: 22px;
        width: 400px;

    }
    .text_advertencia p {
    
        font-size: 12px;
    }
    
    /*----------------footer-----------------------*/
    .footer_conteiner {
        display: flex;
        
    }
    .footer_h1 {
        font-size: 60px;
        letter-spacing: 0px;
    }
    .horario_text, .tel_footer p, .cor_footer p, .ubi_footer p { 
        font-size: 16px;
    }
    .info_paginas {
        font-size: 16px;
    }
    .text_info_paginas {
        font-size: 16px;
       
    }
    .footer_text_opi {
        font-size: 17px;
    
    }
    .conteiner_pol {
        margin: 2% 0 1% 0;
    }
    .conteiner_pol p a {
        font-size: 11px;
    }
    .linia_vertical_footer {
        height: 250px;  
    }
    /*-----------------redes-right--------------------------------*/
    #arrow_up_div {
        bottom: 10px;
        right: 2.2%;
        width: 10px;
       
    }
    #face {
        bottom: 120px;
        right: 2.2%;
        width: 10px;
    }

    #what {
        bottom: 85px;
        right: 2.4%;
        width: 10px;
    }

    #ins {
        bottom: 50px;
        right: 2.4%;
        width: 10px;
    }
  }
@media (min-width: 993px) and (max-width: 1200px) {
    body {
        background-color: rgb(0, 0, 0);
    }
    .img_logo_h1 {
        width: 7%;
        margin: 0 0 0 1%;
        background-color: transparent;
    }
    .a_logo {
        width: 100%;
        height: 50%;
    }
    
    .container {
        padding: 0;
    }
    
    /*--------------burger--------------------*/
    .burger {
        margin: 0% 2% 0 0;
        width: 60px;
        z-index: 13;
    }
    .burger span{
        width: 50px;
        height: 0.01em;
        z-index: 13;
    }
    .burger span:nth-child(1) {
        transform: translateY(-17px);
    }

    .burger span:nth-child(2) {
        transform: translateY(-6px);
    }
    .burger span:nth-child(3) {
        transform: translateY(6px);
    }
    .burger span:nth-child(4) {
        transform: translateY(17px);
    }
    header.open .burger span {
        background-color: #ffffff;
    
    }
    .header.open .burger span:nth-child(1) {
        transform: translateX(0px) rotate(45deg);    
    }
    .header.open .burger span:nth-child(2) {
        transform: translateX(0px) rotate(45deg);
    }
    .header.open .burger span:nth-child(3) {
        transform: translateX(0px) rotate(-45deg);
    }
    .header.open .burger span:nth-child(4) {
        transform: translateX(0px) rotate(-45deg);
    }
 

    
/*----------------------------btn-idioma---------------------------------*/
   .idioma {
        width: auto;
        display: flex;
        align-items: center;
        background-color: transparent;
        margin: -1% 0 0 -160%;
        
    }
    .btn_text {
        font-size: 25px;
        margin: 0 20% 0 0;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        &:hover {
            font-weight: 600;
            color: #FFAC37;
            text-shadow: #FFAC3740 0px 30px 60px -12px, rgba(255, 255, 255, 0.3) 0px 18px 36px -18px;
        } 
    }
    .menu  {
        z-index: 11;
        padding-top: 80px;
        right: -177px;
        width: 175px;
    
    }

    .menu__list li a {
        font-size: 12px;
        padding: 1% 0 5% 12%;
        
    }
    /*---------------body------------------------*/
    .h1 {
        font-size: 105px;
        margin-top: 8%;
    }
    .h1_p {
        margin: 0% 10% 1% 10%;
        font-size: 17px;
      }
    .btn_submit  {
        padding: 1% 1%;
        font-size: 25px;
        width: 500px;

    }
    .text_advertencia p {
    
        font-size: 14px;
    }
    
    /*----------------footer-----------------------*/
    .footer_conteiner {
        display: flex;
        
    }
    .footer_h1 {
        font-size: 60px;
        letter-spacing: 0px;
    }
    .horario_text, .tel_footer p, .cor_footer p, .ubi_footer p { 
        font-size: 16px;
    }
    .info_paginas {
        font-size: 16px;
    }
    .text_info_paginas {
        font-size: 16px;
       
    }
    .footer_text_opi {
        font-size: 17px;
    
    }
    .conteiner_pol {
        margin: 2% 0 1% 0;
    }
    .conteiner_pol p a {
        font-size: 11px;
    }
    .linia_vertical_footer {
        height: 250px;  
    }
    /*-----------------redes-right--------------------------------*/
    #arrow_up_div {
        bottom: 10px;
        right: 2.2%;
        width: 10px;
       
    }
    #face {
        bottom: 120px;
        right: 2.2%;
        width: 10px;
    }

    #what {
        bottom: 85px;
        right: 2.4%;
        width: 10px;
    }

    #ins {
        bottom: 50px;
        right: 2.4%;
        width: 10px;
    }
  }
@media (min-width: 1201px) and (max-width: 1980px){
    
}