@media screen and (max-width:500px){
    body {
        width: 100%;
        background-image: url("../images/background_05.jpg");
        background-size:cover;
        background-size:auto;
    }
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        max-width: 100vw;
    }
    #hamburguer_menu_section{
        display:flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: 150px;
    }

    #logo_principal, #menu_horizontal {
        display: none;
    }
    header {
        display: flex;
        width: 100vw;
        justify-content: spaces-between;
        height: 14vh;
    }
    #imagen_hamburguer {
        width: 70%;
        height: 100%;
        margin: 1% auto;
    }
    #imagen_hamburguer img {
        margin: auto;
        display: block;
    }
    
    .btn {
        border: none;
        text-align: center;
        margin: auto;
        display: block;
        height: 100%;
        width:100%;
        background-color: #E6F0E3;
    }
    .btn img {
        /*width: 22px;*/
        width: 22px;
        margin: 5px auto;
        display: block;
    }
    .menu {
        display: inline-block;
        width: 100%;
        height: 25%;
        margin: 0;
        padding: 0;
        
    }
    .menu_content {
        background-color: rgb(5, 85, 155);
        width: 98%;
        height: 100%;
        transition: all 200ms ease-in;
        transform: scaleY(.1);
        transform-origin: top center;
        visibility: hidden;
        z-index: 4;
    }

    .menu_content a {
        background-color: #E6F0E3;
        padding: 12px 16px;
        text-align: center;
        text-decoration: none;
        display: block;
        z-index: 4;
        font-family: 'Poor Richard';
        font-size: 4vw;
        font-weight: normal;
        color: #839b78;
    }
    .menu_content a:hover {
        background-color: #A0BD94;
        color: white;
    }

    .menu:hover .menu_content {
        transform: scaleY(1);
        visibility: visible;
        transition: all 200ms ease-out;
    }
}
@media screen and (max-width:480px){
       .menu_content a {
        background-color: #E6F0E3;
        padding: 12px 16px;
        text-align: center;
        text-decoration: none;
        display: block;
        z-index: 4;
        font-family: 'Poor Richard';
        font-size: 4.4vw;
        color: #839b78;
    }

}