/*
FONTS:
SansBlack
SansBlackIt
SansSemiBold
SansSemiBoldIt
 */

@media screen and (min-width: 320px) {
    footer {
        background-color: #41291e;
        /*background-color: #4e3227;*/
        height: auto;
        font-size: 11px;
        width: calc(100% - 80px);
        font-family: 'SansSemiBold';
        padding: 20px 40px;
        color: white;
    }
    footer img.logo-oxxo{width: 130px !important;}
    footer .menu-cont {
        width: 50%;
        height: auto;
        margin: 0px;
        text-align: center;
        display: inline-flex;
        align-items: center;
    }
    footer .menu-cont ul {
      list-style: none;
      padding: 0 10px;
      width: 100px;
    }
    footer .menu-cont ul li {
        text-align: left;
    }
    footer .menu-cont ul li a {
        text-decoration: none;
        transition-duration: 1s;
        color: white;
    }
    footer .menu-cont ul li a:hover {
        color: #DDBB25;
    }
    footer .redes-cont {
        width: 48%;
        height: auto;
        display: inline-flex;
        color: white;
        align-items: center;
    }
    footer .redes-cont .red-subcont {
        text-align: center;
        width: 100%;
    }
    footer .logos-cont {
        height: auto;
        text-align: center;
        display: flex;
        margin-top: 20px;
        align-items: center;
    }
    footer .logos-cont .logos {
        margin: 0px auto;
    }
    footer .logos-cont .logos img {
        width: 80px;
        margin: 0px 15px;
        display: inline-block;
        vertical-align: middle;
    }
    footer .logos-cont .logos p {
        clear: both;
        text-anchor: middle;
        text-align: left;
        padding: 0px 10px;
    }
    footer .redes-cont .red-subcont .icons  {
        margin-left: auto;
        margin-right: auto;
    }
    footer .redes-cont .red-subcont .icons div {
        width: 25px;
        margin: 0px 2px;
        display: inline-block;
    }
    footer .redes-cont .red-subcont .icons a {
        text-decoration: none;
    }
    footer .redes-cont .red-subcont .twitter{
        background-size: cover;
        background-image: url("../img/twitter.png");
        transition-duration: 1s;
        height: 25px;
        width: 25px;
    }
    footer .redes-cont .red-subcont .twitter:hover{
        background-size: cover;
        background-image: url("../img/twitter_hover.png");
        height: 25px;
        width: 25px;
    }
    footer .redes-cont .red-subcont .instagram{
        background-size: cover;
        background-image: url("../img/instagram.png");
        transition-duration: 1s;
        height: 25px;
        width: 25px;
    }
    footer .redes-cont .red-subcont .instagram:hover{
        background-size: cover;
        background-image: url("../img/instagram_hover.png");
        height: 25px;
        width: 25px;
    }
    footer .redes-cont .red-subcont .facebook{
        background-size: cover;
        background-image: url("../img/facebook.png");
        transition-duration: 1s;
        height: 25px;
        width: 25px;
    }
    footer .redes-cont .red-subcont .facebook:hover{
        background-size: cover;
        background-image: url("../img/facebook_hover.png");
        height: 25px;
        width: 25px;
    }
}

@media screen and (min-width: 768px) {
    footer {
        /*height: calc(150px - 40px);*/
        display: inline-flex;
        color: white;
    }
    footer .menu-cont {
        width: 25%;
        text-align: center;
        display: flex;
        height: 150px;
    }

    footer .menu-cont ul{
        margin: 0px 80px;
        padding: 0;
    }
    footer .menu-cont ul li {
      line-height: 15px;
    }

    footer .redes-cont {
        width: 25%;
        height: 150px;
        align-items: center;
    }
    footer .logos-cont {
        width: 50%;
        height: 150px;
        display: flex;
    }
    footer .logos-cont .logos img {
        margin-top: -15px;
    }
}

@media screen and (min-width: 1024px) {
    footer {
        display: inline-flex;
        color: white;
    }
    footer .menu-cont {
        margin-left: 30px;
        width: 15%;
        text-align: center;
        display: flex;
    }
    footer .redes-cont {
        width: 15%;
    }
    footer .logos-cont {
        width: 60%;
        margin: 0;
        display: flex;
        /* margin-left: 50px; */
    }
    footer .logos-cont .logos {
        display: flex;
        align-items: center;
    }
    footer .logos-cont .logos img {
        margin: 0px 5px;
        width: 100px;
        margin-top: -15px;
    }
}

@media screen and (min-width: 1360px) {
    footer .menu-cont,
    footer .redes-cont {
        width: 15%;
    }
    footer .logos-cont {
        width: 60%;
    }
}


/*# sourceMappingURL=footer.css.map */