body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Galano Grotesque','Poppins', sans-serif;
    background: #F6F7FA;
}

banner {
    width: 100%;
    padding: 9rem 3rem;
    text-align: center;
    box-sizing: border-box;
}

.logo_nav_container {
    width: 100%;
    background: #2E3192;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5rem;
    top: 2rem;
    margin: 1rem;
}

.menu {
    background-color:#2E3192;
    height: 75px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 5px 0 10px rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    margin: 0;
    z-index: 2;
}

*, *::before, *::after {
    margin: 0;
    padding: 0;
}
.logo {
    width: 60%;
    margin: 0;
    float: left;
}

.menu_items {
    display: flex;
    list-style: none;
    margin-right: 50px;
}

.menu_items li {
    border-radius: 3px;
    margin: 0 10px;

}

.menu_items li a {
    padding: 7px 13px;
    text-decoration: none;
    font-size: 15px;
    display: block;
    color: #ffff;
}

.menu_items li a:hover {
    color:#F45F70;
}

.btn_contact {
    background: #F45F70;
    border-radius: 2rem;
}


.menu_items li .btn_contact:hover {
    background: white;
    border-radius: 2rem;
    color: #F45F70;
}

.menu_items li:hover, li.active {
    background-color:#3d409c;
    color:#F45F70;
    transition: .4s;
    border-radius: 2rem;
    
}

.btn_menu {
    margin-right: 30px;
    font-size: 30px;
    color: white;
    cursor: pointer;
    display: none;
}

ul.show {
    top: 75px;
}





@media all and (max-width: 768px) {
    .logo_nav_container {
        padding-left: 35px;
    }
    .menu_items li a {
        font-size: 16px;
    }
}

@media all and (max-width: 768px) {
    .menu {
        height: 75px;
        box-shadow: 5px 0 10px rgba(0, 0, 0, .3);
    }
    .btn_menu {
        display: inline-flex;
    }
    .menu_items {
        position: fixed;
        width: 100vw;
        height: calc(100% - 75px);
        background:#2E3192;
        top: -100vh;
        text-align: center;
        transition: all .4s;
        flex-direction: column;
    }
    .menu_items li {
        margin: 30px 0 0 0;
        line-height:  30px;
    } 
    .menu_items li:hover {
        background: none;
    }
    .menu_items li a {
        font-size: 20px;
        color: #ffff;
        font-weight: bold;
    }
    .menu_items li a:hover {
        color:#F45F70;
    }
    .logo_nav_container {
        padding-left: 35px;
    }
}

@media all and (max-widht:768px) and (orientation: landscape) {
    .menu_items li {
        margin: 5px 0 0 0;
    }
    .menu_items {
        overflow: scroll;
        height: calc(100% - 75px);
    }
}
.container-menu {
    height: 75px;
}

.slider {
    width: auto;
    height: 492px;
    background-image: url(../images/banner-principal-internetcolombia.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    display: flex;
    justify-content: flex-end;
    padding: 31px;
}


@media all and (max-width:350px) {
    .slider {
        justify-content: center;
    }
    
}

#formulario {
    flex-basis: 272px;
    height: 348px;
    background-color: rgba(46, 49, 146, .8);
    padding: 42px 1em;
    margin: 3.99rem;
    border: 1px solid #70707083;
    border-radius: 5px;
    color: white;
    font-family: 'Poppins', sans-serif;
    
} 

.slider h2 {
    text-align: center;
    font-size: 3rem;
    line-height: 50px;
    font-weight: normal;
    
}

.slider h3 {
    text-align: center;
    font-size: 2.6rem;
    line-height: 40px;
    font-weight: normal;
}

.slider h4 {
    text-align: center;
    font-size: 3.1rem;
    line-height: 50px;
    color: #F45F70;
}

@media all and (max-width:768px) {
    #formulario {
        margin: -0.01rem;
        margin-top: 60px
    }

}


.premium {
    margin-right: 100px;
}

label {
    display: block;
    margin: 10px 0;
    font-size: 0.90rem;
    
    
} 

input {
    display: block;
    margin: 10px 0;
    font-size: 0.90rem;
    
}

input[type="text"], input[type="email"]{
    display: block;
    width: 80%;
    height: 45px;
    padding: 0 1rem;
    margin: 0 auto;
    border: 1px solid #383c69;
    border-radius: 5px;
    outline: none;
    color:#1e2168;
    font-family: 'Poppins', sans-serif;
}

input[type="text"]:focus, input[type="email"]:focus{
    border: 1px solid #F45F70;
    border-radius: 5px;
}

.slider img {
    color: white;
    position: relative;
    top: 8px;
    left: 47px;
}
button {
    display: block;
    width: 93%;
    margin: 8px auto;
    padding: 5px;
    border: 1px solid #2a2e8f;
    background-color: #2E3192;
    color: white;
    border-radius: 2rem;
    font-size: 1.2rem;
    font-family: 'Poppins', sans-serif;
}

button:hover {
    background: #F45F70;
    border: 1px solid #d85060;
}

small {
    font-size: 25px;
    position: relative;
    top: -5px;
}

small a {
    color: #F45F70;
}
 
/* Seccion 2 */

#seccionDos {
    color: #2E3192;
    background: #F6F7FA;
    padding: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.container {
    width: 90%;
    height: 950px;
    margin: 50px auto;
}

.heading {
    text-align: center;
    font-size: 20px;
    padding: 30px;

}

.button-paquetes {
    text-align: center;
    font-size: 20px;
    padding: 10px;

}

.row {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-flow: wrap;

}

.card {
    width: 255px;
    height: 330px;
    background: white;
    border: 1px solid #E5E5E5;
    margin-bottom: 30px;
    transition: 0.3s;
    border-radius: 10px;
    box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);
}

.card-header1 {
    height: 7%;
    text-align: center;
    padding: 50px;
    background: #2E3192;
    color: white;
    border-radius: 10px 10px 0 0;
}

.card-header2 {
    height: 7%;
    text-align: center;
    padding: 50px;
    background: #2E3192;
    color: white;
    border-radius: 10px 10px 0 0;
}

.card-header3 {
    height: 7%;
    text-align: center;
    padding: 50px;
    background: #2E3192;
    color: white;
    border-radius: 10px 10px 0 0;
}


.card-body {
    padding: 30px 20px;
    text-align: center;
    font-size: 18px;
}

.card-body .btn1 {
    display: block;
    color: white;
    text-align: center;
    background: #2E3192;
    margin-top: 6px;
    text-decoration: none;
    padding: 10px 5px;
    border-radius: 2rem;
    line-height: bold;
}

.card-body .btn2 {
    display: block;
    color: white;
    text-align: center;
    background: #2E3192;
    margin-top: 1px;
    text-decoration: none;
    padding: 10px 5px;
    border-radius: 2rem;
    line-height: bold;
}

.card-body .btn3 {
    display: block;
    color: white;
    text-align: center;
    background: #2E3192;
    margin-top: 1px;
    text-decoration: none;
    padding: 10px 5px;
    border-radius: 2rem;
    line-height: bold;
}

.card:hover {
    transform: scale(1.05);
    box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);
}

.card-body .btn1:hover {
    background: #FFC543;
    transform: scale(1.05);
    box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25)
}

.card-body .btn2:hover {
    background: #F07A45;
    transform: scale(1.05);
    box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25)
}

.card-body .btn3:hover {
    background: #F45F70;
    transform: scale(1.05);
    box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25)
}

.seccionDos h2 {
    text-align: center;
    font-size: 2rem;
    line-height: 50px;
    font-weight: bold;
    color:#2E3192;
}

.card-header1 h3 {
    color:white;
    font-size: 28px;
    font-weight: normal;
    line-height: 20px;
    margin-top: -16px;
}

.card-body h4 {
    font-size: 38px;
    margin-top: -40px;
    top: 9px;
    left: -78px;

}

/* .card-body img {
    margin-top: -11px;
} */
.card-body h5 {
    font-size: 25px;
    position: relative;
    top: 9px;
    left: -78px;

}

.card-header2 h3 {
    color:white;
    font-size: 28px;
    font-weight: normal;
    line-height: 20px;
    margin-top: -16px;
}

.card-header3 h3 {
    color:white;
    font-size: 28px;
    font-weight: normal;
    line-height: 20px;
    margin-top: -16px;
}

.card-header1 h4 {
    color: #FFC543;
    font-size: 38px;
}


.card-header2 h4 {
    color: #F07A45;
    font-size: 38px;
    position: relative;
    left: -17px;
}


.card-header3 h4 {
    color: #F45F70;
    font-size: 38px;
    position: relative;
    left: -7px;
}

.paquetes-btn {
    background: #F45F70;
    text-decoration: none;
    display: inline-block;
    word-break: break-word;
    box-sizing: border-box;
    color: white;
    border-radius: 2rem;
    padding: 10px 30px;
    width: auto;
    text-align: center;

}


.paquetes-btn:hover {
    background: #2E3192;
    color: white;
    transform: scale(1.04);

}


@media all and (max-width:950px) {
    .card {
        width: 50%;
    }

    .button-paquetes {
        text-align: center;
        font-size: 16px;
        padding: 10px;
    
    }
}


/* Seccion 3 */

section .two-columns{
    background: #F6F7FA;
    margin-top: -1px;
}

.two-columns {
    box-sizing: border-box;
    display: block;
    justify-content: space-between;
}
.banner-aux-desktop img {
    width: 95%;
    padding-left: 3%;
}

.banner-aux-mobile {
    display: none;
    }


@media all and (max-width:950px) {
    .banner-aux-desktop {
    display:none;
    }

    .banner-aux-mobile {
    display: block;
    }
    .banner-aux-mobile img {
        width: 95%;
        padding-left: 3%;
    }
}

@media all and (max-width:950px) {
    .banner-aux-desktop {
    display:none;
    }

    .banner-aux-mobile {
    display: block;
    }

    .banner-aux-mobile img {
        width: 95%;
        padding-left: 3%;
    }


}

/* Seccion 4 */

section > div#seccionCuatro.container {
    padding: 0px 0;
}

#seccionCuatro {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    text-align: center;
    height: auto;
    
}

#seccionCuatro h3 {
    color: #2E3192;
    font-size: 20px;
    text-align: center;
}

#seccionCuatro p {
    text-align: center;
    font-size: 13px;
    color: #686880;

}


#seccionCuatro hr {
    background-color: #2E3192;
    border-color: 1px solid #2E3192;
    
}


@media all and (max-width:850px) {

    #seccionCuatro h3 {
        color: #2E3192;
        font-size: 16px;
        text-align: center;
    }
    
    #seccionCuatro p {
        text-align: center;
        font-size: 11px;
        color: #686880;
    
    }

}

@media all and (max-width:720px) {
    #seccionCuatro {
        display: block;
    }

    #seccionCuatro hr {
        display: none;
        
    }

    .col {
        margin-left: 20%;
        margin-right: 20%;
        margin-top: 25px;
    }

    #seccionCuatro h3 {
        color: #2E3192;
        font-size: 16px;
        text-align: center;
    }
    
    #seccionCuatro p {
        text-align: center;
        font-size: 11px;
        color: #686880;
    
    }

}



.seccionCinco {
    background-color: #001A38;
    padding: 20px;
}

.heading2 {
    background-color: #001A38;
    text-align: center;
    color: white;
    padding: 25px;
    font-size: 20px;
}
/* 
.for_slick_slider {
    display: flex;
    background-color: #001A38;
}

.for_slick_slider .items{
    width: 390px;
    height: 293px;
    margin: 50px;
    position: relative;
    left: -36px
} */
/* .for_slick_slider .items .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 390px;
    height: 293px;
    background-color: #383c6967;
    transition: all linear 1s;
    border-radius: 10px;

} */
/* 
.for_slick_slider .slick-center .overlay {
    opacity: 0;
}

.for_slick_slider .items img {
    width: 390px;
    height: 293px;
    transition: all linear 1s;
}

.for_slick_slider .slick-center img {
    transform: scale(1.1);
}

button.slick-next.slick-arrow {
    width: 20px;
    height: 10px;
    align-self: center;
    font-size: 0;
    border: 1px solid white;
    border-radius: 2rem;
}

button.slick-prev.slick-arrow {
    width: 20px;
    height: 10px;
    align-self: center;
    font-size: 0;
    border: 1px solid white;
    border-radius: 2rem;
}

.btn5 {
    background-image: url(.../images/arrow);
    text-decoration: none;
    color: white;
    font-weight: bold;
    position: relative;
    left: 1040px;
    top: -30px;
} */


.carousel-channels {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-around;
}

.carousel-channels img:hover{
    transform: scale(1.02);

}

.btn-canales {
    display: block;
    justify-content: space-around;
    text-decoration: none;
    color: white;
    font-weight: bold;
    position: relative;
    margin-right: 30px;
}

@media all and (max-width:768px) {
    #seccionCinco {
        display: none;
    }

    .carousel-channels img {
        width: 70%;
        margin-right: 20%;
        margin-left: 16%;
    }
}

/* Seccion 6 */

.location {
    height: 420px;
    background-image: url(../images/background-image-cobertura.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center-right;
    color: #2E3192;
    display: flex;
    justify-content: flex-end;
    padding: 40px;
    
}

.location {
    text-decoration: none;
}

.location h2 {
    font-size: 57px;
    line-height: 30px;
    text-align: left;
    font-weight: bold;
    position: relative;
    top: 5px;
    left: 7px;
    color:#F45F70;
    border: 2px solid #2E3192;
    border-radius: 10px;
    padding: 16px 5px;
    height: 30px;
    width: 344px;
    
}

.location h3 {
    font-size: 33px;
    text-align: left;
    line-height: 55px;
    position: relative;
    top: 0px;
    left: 7px;
}

.location h4 {
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    position: relative;
    top: 32px;
    left: 5px;
}

.location h5 {
    font-size: 18px;
    line-height: 25px;
    font-weight: normal;
    position: relative;
    top: 38px;
    left: 4px;
}

.map {
    width: 400px;
    height: 300px;
    border: 10px solid #ffff;
    border-radius: 10px;
    box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);
    position: relative;
    top: -300px;
    left: 600px;
}

@media all and (max-width:768px) {
    .map {
        display: none;
    }
    .map-mobile {
        position: relative;

    }
    .location {
        height: 296px;
        padding-bottom: 106px;
    }
    
    .location h3 {
        font-size: 25px;
        text-align: center;
        line-height: normal;
        position: relative;
        top: -30px;
    }

    .location h2 {
        font-size: 40px;
        line-height: 40px;
        text-align: center;
        font-weight: bold;
        top: -33px;
        padding: 5px 0px;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 5px;
        padding-left: 0px;
        height: 43px;
        width: 278px;
        left: 10px;
        
    }

    .location h4 {
        text-align: center;
        font-size: 18px;
        line-height: 30px;
        position: relative;
        top: -22px;
    }

    .location h5 {
        font-size: 16px;
        line-height: normal;
        font-weight: normal;
        text-align: center;
        top: -16px;
    }



    


    
}
/* Seccion 7 */

#seccionSiete {
    display: flex;

}

.banner-contacto {
    position: relative;
    display: inline-block;
    padding-bottom: 25px;

}

.banner-contacto img{
    width: 100%;

}

.texto1 h2 {
    position: absolute;
    top: 120px;
    left: 40%;
    line-height: 44px;
    text-align: center;
    color: white;
    font-size: 35px;
}

.texto2 h3 {
    position: absolute;
    top: 210px;
    left: 50%;
    line-height: 44px;
    text-align: center;
    color: white;
    font-size: 25px;
}

.btn {
    background: #F45F70;
    color: white;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    border-radius: 2rem;
    text-align: center;
    margin-top: 30px;
    padding: 12px 53px;
    position: absolute;
    top: 233px;
    left: 50%;
}

.btn:hover {
    background: white;
    color: #2E3192;
}

@media all and (max-width:950px) {
    
    
}

@media all and (min-width:768px) {
    .texto1 h2 {
        top: 70px;
        left: 50%;
        line-height: normal;
        font-size: 20px;
    }

    .texto2 h3 {
        top: 125px;
        left: 57%;
        line-height: 44px;
        text-align: center;
        color: white;
        font-size: 16px;
    }

    .btn {
        font-size: 16px;
        margin-top: 10px;
        padding: 8px 40px;
        top: 165px;
        left: 52%;
    }

    
}

/* Pie de página */

footer{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row wrap;
    padding: 50px;
    color: white;
    background: #2E3192;
    margin-top: -32px;
}

.footer > * {
    flex: 1 100%;
}

.footer-left {
    margin-right: 1.25em;
    margin-bottom: 2em;
}

.footer-left img {
    width: 50%;
}

h3 {
    font-weight: bold;
    font-size: 16px;

}

.footer ul {
    list-style: none;
    padding-left: 0;
}

.footer li {
    line-height: 2em;

}

.footer a {
    text-decoration: none;
}

.footer-right {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row wrap;

}

.footer-right > *{
    flex: 1 50%;
    margin-right: 1.25em;

}

.box a {
    color: white;
}

.footer-bottom {
    text-align: center;
    color: white;
    margin-top: 50px;
}

.footer-left p {
    padding-right: 20%;
    color: white;
}

.socials a {
    background-color: #2E3192;
    width: 50%;
}

.socials a i {
    color: white;
    margin-right: 10px 12px;
    font-size: 16px;
}


@media screen and (min-width: 600px) {
    .footer-right > *{
        flex: 1;
    }
    .footer-left{
        flex: 1 0px;
    }
    .footer-right{
        flex: 0px;
    }

}

@media (max-width: 600px) {
    .footer {
        padding: 15px;
    }
}

@media all and (max-width:768px) {
    .heading {
        font-size: 18px;
    }

    .heading2 {
        font-size: 18px;
    }
} 
/* footer {
    background-color: #2E3192;
    padding: 20px 0;
    height: 250px;

}

#pieDePagina {
    overflow: hidden;
}
.nav {
    float: left;
}

.nav li {
    display: inline-block;
    font-size: 1rem;
    padding: 12px 0 0;
    font-weight: bold;
    position: relative;
    left: 100px;
    margin-right: 40px;
}

.nav li a  {
    color: white;
    text-decoration: none;
    padding-right: 1.5em;
}

.nav li a:hover{
    color: #F45F70;
}
.copyright {
    float: center;
    color: white;
    padding-top: 8px;
} */

/* FILTROS PAQUETES */

input[type="radio"]{
    display: none;
}

.paquetes-category label {
    padding: 6px 40px;
    margin: 10px;
    font-size: 25px;
    color: #2E3192;
    background: white;
    border-radius: 2rem;
    cursor: pointer;
    border: 2px solid #2a2e8f;
    align-content: center;


}

.paquetes-category label:hover {
    color: white;
    background: #F45F70;
    border: 2px solid #d85060;
}

.paquetes-category label:active {
    color: white;
    background: #F45F70;
    border: 2px solid #d85060;
}

.paquetes-category {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 40px;
    justify-content: center;
    font-weight: bold;
}




/* PAQUETES */

#nuestrosPaquetes {
    padding: 60px;
    color: #2E3192;

}
.paquetes {
    background: white;
    border: 1px solid #E5E5E5;
    margin-bottom: 30px;
    transition: 0.3s;
    border-radius: 10px;
    box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);

}

.card-header {
    
    height: 7%;
    text-align: center;
    padding: 30px;
    background: #2E3192;
    color: white;
    border-radius: 10px 10px 0 0;
    font-size: 18px;
}




.card-body1 {
    padding: 20px 20px;
    text-align: center;
    font-size: 18px;
    width: 100%;
}

.card-header h3{
    font-size: 28px;
    text-align: center;
    margin-top: -6px;
    
}

.card-body1 img {
    position: relative;
    left: -21px;
    margin-bottom: -16px;
    margin-top: 13px;
}

.card-body1 h4{
    font-size: 35px;
    color: #F45F70;
    text-align: center;
    position: relative;
    left: -13px;
    margin-top: 10px;
    margin-bottom: 10px;
    
}



.card-body1 .btn_paquete {
    display: block;
    color: #2a2e8f;
    text-align: center;
    margin-top: 6px;
    text-decoration: none;
    padding: 10px 5px;
    border: 2px solid #2a2e8f;
    border-radius: 2rem;
    line-height: bold;
    width: 203px;
    font-weight: bold;
}


.card-body1 .btn_paquete:hover {
    display: block;
    color: white;
    background-color: #2E3192;
    text-align: center;
    margin-top: 6px;
    text-decoration: none;
    padding: 10px 5px;
    border: 2px solid #2a2e8f;
    border-radius: 2rem;
    line-height: bold;
    width: 203px;
}

#rural-link img{
    width: 100%;
    padding-bottom: 26px;

}

@media all and (max-width:768px) {
    .paquetes-category label {
        padding: 2px 20px;
        margin: 5px;
        font-size: 12px;
    }
} 
/* FILTROS CANALES */

input[type="radio"]{
    display: none;
}

.container-category label {
    padding: 6px 40px;
    margin: 16px;
    font-size: 16px;
    color: #2E3192;
    background: white;
    border-radius: 2rem;
    cursor: pointer;
    border: 2px solid #2a2e8f;
    align-content: center;


}

.container-category label:hover {
    color: white;
    background: #F45F70;
    border: 2px solid #d85060;
}

.container-category label:active {
    color: white;
    background: #F45F70;
    border: 2px solid #d85060;
}

.container-category {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center;
}
/* CANALES */

.banner-mobile {
    display: none;
}

.channel-list {
    background-color: #F6F7FA;
    margin-top: -40px;
    padding-top: 10px;
    padding: 20px;
}

.channel {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-flow: wrap;

}

.channels {
    align-content: center;
    background-color: white;
    width: 196px;
    height: 190px;
    border-radius: 10px;
    box-shadow: 0 0 15px -10px rgba(0, 0, 0, 0.5);
    margin: 25px 25px;
    
    
}

.card-channels img{
    margin-top: 28px;
    margin-left: 20px;

}


.heading-channels h1 {
    color: #2E3192;
    font-size: 30px;
    text-align: center;
    align-self: center;
    padding-top: 40px;

}



.name-channel h5 {
    color: #686880;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    align-self: center;
    
}

@media all and (max-width:950px) {
    .banner-desktop {
        display:none;
        
    }

    .banner-mobile {
        display: block;
    }

    .heading-channels h1 {
        color: #2E3192;
        font-size: 20px;

    }

    .container-category label {
        padding: 2px 20px;
        margin: 5px;
        font-size: 12px;
    }

    .channels {
        width: 118px;
        height: 112px;
        margin: 14px 25px;
    }

    .card-channels img{
        margin-top: 5px;
        margin-left: 16px;
        width: 80%;
    
    }

    .name-channel h5 {
        font-size: 8px;
        
    }

}

/* NORMATIVIDAD */

div #seccionLegales{
    margin-bottom: 40px;
}

.download-cards {
    background-color: #F6F7FA;
    margin-top: -7px;
    margin-bottom: 40px;
}

.down {
    align-content: center;
    background-color: white;
    width: 196px;
    height: 190px;
    border-radius: 10px;
    box-shadow: 0 0 15px -10px rgba(0, 0, 0, 0.5);
    margin: 25px 25px;
    
}

.card-down img {
    position: relative;
    top: 25px;
    left: 55px;

}


.heading-normatividad h1 {
    color: #2E3192;
    font-size: 30px;
    text-align: center;
    align-self: center;
    padding-top: 20px;


}



.name-legal h5 {
    color: #6C6C6C;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    position: relative;
    top: 40px;
    text-decoration: none;
}

@media all and (max-width:950px) {
    .heading-normatividad h1 {
        font-size: 20px;
    }
    .name-legal h5 {
        font-size: 8px;
        top: 40px;
    }
    .card-down img {
        position: relative;
        top: 25px;
        left: 55px;
        width: 25%;
    }

    .down {
        width: 128px;
        height: 122px;
        margin: 25px 25px;
        
    }

}
/* SÍSTEMA DE FILTRADO */

[value="TODOS"]:checked ~ .channel .channels:not([data-category~="TODOS"]),
[value="CULTURA"]:checked ~ .channel .channels:not([data-category~="CULTURA"]),
[value="DEPORTES"]:checked ~ .channel .channels:not([data-category~="DEPORTES"]),
[value="INFANTIL"]:checked ~ .channel .channels:not([data-category~="INFANTIL"]),
[value="NACIONALES"]:checked ~ .channel .channels:not([data-category~="NACIONALES"]),
[value="NOTICIAS"]:checked ~ .channel .channels:not([data-category~="NOTICIAS"]),
[value="MUSICA"]:checked ~ .channel .channels:not([data-category~="MUSICA"]),
[value="PELICULASSERIES"]:checked ~ .channel .channels:not([data-category~="PELICULASSERIES"]),
[value="ENTRETENIMIENTO"]:checked ~ .channel .channels:not([data-category~="ENTRETENIMIENTO"]),
[value="VARIEDADES"]:checked ~ .channel .channels:not([data-category~="VARIEDADES"]),
[value="INTERNET"]:checked ~ .row .paquetes:not([data-category~="INTERNET"]),
[value="INTERNETYTV"]:checked ~ .row .paquetes:not([data-category~="INTERNETYTV"]){
    display: none;
}

/* MEDIA QUERIES */
/* Aplicar los siguientes estilos cuando el tamaño del viewport se encuentre en un rango de 960px - 1199px */
@media screen and (min-width:900px) and (max-width: 1000px) {
    .card {
        width: 35%;
    }
}


@media screen and (min-width:750px) and (max-width: 899px) {
    .card {
        width: 40%;
    }
}

@media screen and (min-width:600px) and (max-width: 749px) {
    .card {
        width: 55%;
    }
    
    
    .row {
	    padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (min-width:499px) and (max-width: 599px) {
    .card {
        width: 60%;
    }
}

@media only screen and (min-width:320px) and (max-width:498px){
    .card {
        width: 90%;
    }
}

@media screen and (min-width:960px) and (max-width: 1184px) {
    .location {
        padding: 15px;
    }


}