﻿

.body-content-back {
    background-image: url('/images/fondo.png');
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.responsive {
    width: auto;
    height: 100%;
}


@media (min-width: 1201px){
    .divHeader img {
        height: 310px;
        padding: 10px;
    }
    .divHeader2 img {
        height: 230px;
        padding:25px;
    }
    .divHeader3 img {
        height: 280px;
        padding: 10px;
    }
    .divPhone {
        text-align: right
    }
    .divPhone img {
        height: 700px;
        
    }

    .divPhone .bajo {
        font-size: 2.5em;
        color: white;
        padding:10px;
    }

    .divPhone .alto {
        font-size: 3em;
        color: white;
        font-weight: bold;
        padding: 10px;
    }

    .divtitle .bajo {
        font-size: 3.75em;
        color: white;
        padding: 10px;
    }

    .divTienda img {
        height: 100px;
    }

    .middleDiv {
        text-align: center
    }
    .middleDiv img {

        padding:30px;
        height: 250px;
    }

    .divText .bajo {
        font-size: 2.5em;
        color: white;
        padding: 10px;
    }

    .middleAcciones {
        text-align: center
    }

    .middleAcciones img {
        padding: 20px;
        height: 380px;
    }

    .footer {
        background-color: #13B9C6;
        height: 160px;
    }
    .divFooter {
        text-align: center
    }
    .divFooter img {
        padding: 5px;
        height: 160px;
    }
}


@media (min-width: 1025px ) and (max-width: 1200px) {
    .divHeader img {
        height: 150px;
        padding: 10px;
    }
    .divHeader2 img {
        height: 135px;
        padding: 10px;
    }

    .divHeader3 img {
        height: 135px;
        padding: 10px;
    }
    .divPhone {
        text-align: right
    }

        .divPhone img {
            height: 600px;
        }

        .divPhone .bajo {
            font-size: 2em;
            color: white;
            padding: 10px;
        }

        .divPhone .alto {
            font-size: 2.5em;
            color: white;
            font-weight: bold;
            padding: 10px;
        }

    .divtitle .bajo {
        font-size: 3.25em;
        color: white;
        padding: 10px;
    }

    .divTienda img {
        height: 80px;
    }

    .middleDiv {
        text-align: center
    }

        .middleDiv img {
            padding: 25px;
            height: 220px;
        }

    .divText .bajo {
        font-size: 2.25em;
        color: white;
        padding: 10px;
    }

    .middleAcciones {
        text-align: center
    }

        .middleAcciones img {
            padding: 20px;
            height: 350px;
        }

    .footer {
        background-color: #13B9C6;
        height: 130px;
    }

    .divFooter {
        text-align: center
    }

    .divFooter img {
        padding: 5px;
        height: 130px;
    }
}


@media (min-width: 769px ) and (max-width: 1024px) {

    .divHeader img {
        height: 120px;
        padding: 10px;
    }
    .divHeader2 img {
        height: 112px;
        padding: 10px;
    }

    .divHeader3 img {
        height: 112px;
        padding: 10px;
    }

    .divPhone {
        text-align: right
    }

        .divPhone img {
            height: 450px;
            padding: 10px;
        }

        .divPhone .bajo {
            font-size: 1.5em;
            color: white;
            padding: 10px;
        }

        .divPhone .alto {
            font-size: 2em;
            color: white;
            font-weight: bold;
            padding: 10px;
        }

    .divtitle .bajo {
        font-size: 2.75em;
        color: white;
        padding: 10px;
    }

    .divTienda img {
        height: 60px;
    }

    .middleDiv {
        text-align: center
    }

        .middleDiv img {
            padding: 25px;
            height: 180px;
        }

    .divText .bajo {
        font-size: 1.75em;
        color: white;
        padding: 10px;
    }

    .middleAcciones {
        text-align: center
    }

        .middleAcciones img {
            padding: 20px;
            height: 300px;
        }

    .footer {
        background-color: #13B9C6;
        height: 100px;
    }

    .divFooter {
        text-align: center
    }

        .divFooter img {
            padding: 5px;
            height: 100px;
        }
}



@media  (max-width: 769px) {

    .divHeader img {
        height: 75px;
        padding: 10px;
    }
    .divHeader2 img {
        height: 70px;
        padding: 10px;
    }

    .divHeader3 img {
        height: 70px;
        padding: 10px;
    }

    .divPhone {
        text-align: right
    }

        .divPhone img {
            height: 250px;
            padding: 10px;
        }

        .divPhone .bajo {
            font-size: .9em;
            color: white;
            padding: 10px;
        }

        .divPhone .alto {
            font-size: 1.15em;
            color: white;
            font-weight: bold;
            padding: 10px;
        }

    .divtitle .bajo {
        font-size: 1.75em;
        color: white;
        padding: 10px;
    }

    .divTienda img {
        height: 40px;
    }

    .middleDiv {
        text-align: center
    }

        .middleDiv img {
            padding: 15px;
            height: 100px;
        }

    .divText .bajo {
        font-size: 1.15em;
        color: white;
        padding: 10px;
    }

    .middleAcciones {
        text-align: center
    }

        .middleAcciones img {
            padding: 10px;
            height: 190px;
        }

    .footer {
        background-color: #13B9C6;
        height: 60px;
    }

    .divFooter {
        text-align: center
    }

        .divFooter img {
            padding: 5px;
            height: 50px;
        }
}