@media only screen and (min-width:150px) {
    /*Propiedades del contenido del header*/
    #head {
        position: absolute;
        width: 357px;
        height: auto;
        margin-top: 0px;
        background-color: #fff;
        z-index: 4;
    }
    #logo {
        padding-top: 10px;
        margin: auto;
        width: 300px;
        height: auto;
    }
    #buttom_1 {
        width: 100%;
        margin-left: 0%;
        margin-top: 25px;
        font-family: "signika";
        color: #374A8E;
        font-size: 20px;
        text-decoration: none;
        padding-bottom: 15px;
        padding-top: 15px;
        display: block;
        text-align: center;
        border-bottom: 1px solid #298CBA;
    }
    #buttom_1:hover {
        color: #298CBA;
    }
    #buttom_2 {
        width: 100%;
        margin-left: 0%;
        font-family: "signika";
        color: #374A8E;
        font-size: 20px;
        text-decoration: none;
        padding-bottom: 15px;
        padding-top: 15px;
        display: block;
        text-align: center;
        border-bottom: 1px solid #298CBA;
    }
    #buttom_2:hover {
        color: #298CBA;
    }
    #buttom_3 {
        width: 100%;
        margin-left: 0%;
        font-family: "signika";
        color: #374A8E;
        font-size: 20px;
        text-decoration: none;
        padding-bottom: 15px;
        padding-top: 15px;
        display: block;
        text-align: center;
        border-bottom: 1px solid #298CBA;
    }
    #buttom_3:hover {
        color: #298CBA;
    }
    #buttom_4 {
        width: 100%;
        margin-left: 0%;
        font-family: "signika";
        color: #374A8E;
        font-size: 20px;
        text-decoration: none;
        padding-bottom: 15px;
        padding-top: 15px;
        display: block;
        text-align: center;
        border-bottom: 1px solid #298CBA;
    }
    #buttom_4:hover {
        color: #298CBA;
    }
    #buttom_5 {
        width: 100%;
        margin-left: 0%;
        font-family: "signika";
        color: #374A8E;
        font-size: 20px;
        text-decoration: none;
        padding-bottom: 15px;
        padding-top: 15px;
        display: block;
        text-align: center;
    }
    #buttom_5:hover {
        color: #298CBA;
    }
    #socials {
        position: absolute;
        width: 270px;
        height: 50px;
        top: 8px;
        left: 20px;
    }
    #cell {
        position: absolute;
        left: 0px;
        top: 2px;
        width: 40px;
        height: 40px;
        background-image: url(../imagenes/iconos/cell.png);
        background-size: 100%;
        cursor: pointer;
    }
    #cell:hover {
        background-image: url(../imagenes/iconos/cell_hover.png);
        background-size: 100%;
        transition: 0.6s;
    }
    #face {
        position: absolute;
        left: 280px;
        top: 2px;
        width: 40px;
        height: 40px;
        background-image: url(../imagenes/iconos/face.png);
        background-size: 100%;
        cursor: pointer;
    }
    #face:hover {
        background-image: url(../imagenes/iconos/face_hover.png);
        background-size: 100%;
        transition: 0.6s;
    }
    #instagram {
        position: absolute;
        left: 220px;
        top: 2px;
        width: 40px;
        height: 40px;
        background-image: url(../imagenes/iconos/instagram.png);
        background-size: 100%;
        cursor: pointer;
    }
    #instagram:hover {
        background-image: url(../imagenes/iconos/instagram_hover.png);
        background-size: 100%;
        transition: 0.6s;
    }
}
@media only screen and (min-width:375px) {
    /*Propiedades del contenido del header*/
    #head {
        width: 100%;
    }
    #buttom_1 {
        width: 45%;
        margin-left: 0%;
        margin-top: 10px;
        padding-bottom: 15px;
        padding-top: 15px;
        border-right: 1px solid #298CBA;
    }
    #buttom_2 {
        width: 55%;
        margin-left: 45%;
        margin-top: -56px;
        padding-bottom: 15px;
        padding-top: 15px;
        border-right: none;
    }
    #buttom_3 {
        width: 33.3%;
        margin-left: 0%;
        padding-bottom: 15px;
        padding-top: 15px;
        border-bottom: none;
        border-right: 1px solid #298CBA;
    }
    #buttom_4 {
        width: 33.3%;
        margin-left: 33.3%;
        margin-top: -55px;
        padding-bottom: 15px;
        padding-top: 15px;
        border-bottom: none;
        border-right: 1px solid #298CBA;
    }
    #buttom_5 {
        width: 33.3%;
        margin-left: 66.6%;
        margin-top: -55px;
        padding-bottom: 15px;
        padding-top: 15px;
    }
}
@media only screen and (min-width:400px) {
    /*Propiedad redes sociales*/
    #socials {
        left: 16%;
    }
}
@media only screen and (min-width:450px) {
    /*Propiedad redes sociales*/
    #socials {
        left: 19%;
    }
}
@media only screen and (min-width:525px) {
    /*Propiedad redes sociales*/
    #socials {
        left: 23%;
    }
}
@media only screen and (min-width:580px) {
    /*Propiedad redes sociales*/
    #socials {
        left: 27%;
    }
}
@media only screen and (min-width:680px) {
    /*Propiedad redes sociales*/
    #socials {
        left: 30%;
    }
}
@media only screen and (min-width:790px) {
    /*Propiedad redes sociales*/
    #socials {
        left: 34%;
    }
}
@media only screen and (min-width:880px) {
    /*Propiedad redes sociales*/
    #socials {
        left: 37%;
    }
}
@media only screen and (min-width:1024px) {
    /*Propiedades del contenido del header*/
    #logo {
        margin-left: 2%;
    }
    #menu {
        position: absolute;
        width: 690px;
        height: auto;
        margin-top: -127px;
        margin-left: 31.5%;
    }
    #buttom_1 {
        width: 105px;
        margin-left: 0px;
        padding-bottom: 40px;
        padding-top: 40px;
        border: none;
    }
    #buttom_2 {
        width: 180px;
        margin-left: 105px;
        margin-top: -105px;
        padding-bottom: 40px;
        padding-top: 40px;
        border: none;
    }
    #buttom_3 {
        width: 130px;
        margin-left: 285px;
        margin-top: -105px;
        padding-bottom: 40px;
        padding-top: 40px;
        border: none;
    }
    #buttom_4 {
        width: 140px;
        margin-left: 415px;
        margin-top: -105px;
        padding-bottom: 40px;
        padding-top: 40px;
        border: none;
    }
    #buttom_5 {
        width: 136px;
        margin-left: 554px;
        margin-top: -105px;
        padding-bottom: 40px;
        padding-top: 40px;
        border: none;
    }
    #socials {
        left: 65%;
    }
}
@media only screen and (min-width:1100px) {
    /*Propiedades del contenido del header*/
    #menu {
        margin-left: 35%;
    }
}
@media only screen and (min-width:1270px) {
    /*Propiedades del contenido del header*/
    #logo {
        margin-left: 5%;
    }
    #menu {
        margin-left: 39%;
    }
}
@media only screen and (min-width:1376px) {
    /*Propiedades del contenido del header*/
    #logo {
        margin-left: 8%;
    }
    #menu {
        margin-left: 43%;
    }
    #socials {
        left: 68%;
    }
}
@media only screen and (min-width:1450px) {
    /*Propiedades del contenido del header*/
    #menu {
        margin-left: 48%;
    }
    #socials {
        left: 70%;
    }
}