body {
    background-color: #FFFFFF;
}

@media (max-width:1200px) {
    legend {
        font-size: calc(1.275rem + .3vw)
    }

    .h1,
    h1 {
        font-size: calc(1.375rem + 1.5vw)
    }

    .h2,
    h2 {
        font-size: calc(1.325rem + .9vw)
    }

    .h3,
    h3 {
        font-size: calc(1.3rem + .6vw)
    }

    .h4,
    h4 {
        font-size: calc(1.275rem + .3vw)
    }

    .display-1 {
        font-size: calc(1.725rem + 5.7vw)
    }

    .display-2 {
        font-size: calc(1.675rem + 5.1vw)
    }

    .display-3 {
        font-size: calc(1.575rem + 3.9vw)
    }

    .display-4 {
        font-size: calc(1.475rem + 2.7vw)
    }

    .close {
        font-size: calc(1.275rem + .3vw)
    }
}


@font-face {
    font-family: 'Krub-Regular';
    src: url(../Fonts/Krub-Regular.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Krub-Bold';
    src: url(../Fonts/Krub-Bold.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Krub-extraLight';
    src: url(../Fonts/Krub-ExtraLight.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*COLORES*/
.navbar {
    background-color: #F9A42D !important;
}

.bg-secondary {
    background-color: #DFDFDF !important;
}

.seccion-3 {
    background-color: #EDBC00 !important;
}

.seccion-3 .list-group .list-group-item {
    background-color: #EDBC00 !important;
    border-color: transparent;
    padding: 0;
}

.seccion-3 .h3 {
    color: #ffffff;
}

.seccion-3 .h4 {
    color: #ffffff;
}

.seccion-3 .h5 {
    color: #ffffff;
}

.seccion-3 .modal-content {
    background-color: #EDBC00 !important;
}

.seccion-4 {
    background-color: #B2C4B4 !important;
}

.seccion-4 .seccion-4_row .h2 {
    color: #ffffff;
}

.seccion-5 {
    background-color: #04B2F1 !important;
}

.seccion-5 .h2 {
    color: #ffffff;
}

/*Fuentes en secciones*/
.carousel-caption .h5 {
    font-family: Krub-Bold;
}

p .lead {
    font-family: Krub-Regular;
}

.seccion-3 .fuente-1 {
    font-family: Krub-Bold;
}

.seccion-3 .fuente-2 {
    font-family: Krub-Regular;
}

.seccion-3 .h4 {
    font-family: Krub-Bold;
}

.seccion-3 .h5 {
    font-family: Krub-Bold;
}

.modal-body .h2 {
    font-family: Krub-Bold;
}

.modal-body .lead {
    font-family: Krub-regular;
}

.seccion-4 .fuente-1 {
    font-family: Krub-extraLight !important;
}

.seccion-4 .fuente-2 {
    font-family: Krub-Regular;
}

.seccion-5 .h2 {
    font-family: Krub-extraLight !important;
}

.footer .container .row .col-12 .list-group .list-group-item .nav-link {
    font-family: Krub-Regular;
    font-weight: 400;
    color: #f8f8f8;
}

.footer .container .row .contactame .lead {
    font-family: Krub-Regular;
    font-weight: 400;
    color: #ffffff;
}

.privacidad .h2 {
    font-family: Krub-Bold !important;
}
.privacidad .lead {
    font-family: Krub-extraLight !important;
}

/*background images*/

.seccion-3_collage .foto-1 {
    background-image: url(../img/seccion-3_foto1.jpg) !important;
    padding: 0;
}

.seccion-3_collage .foto-2 {
    background-image: url(../img/seccion-3_foto2.jpg) !important;
    background-size: cover;
    background-position: center center;
    width: 100%;
}

.seccion-3_collage .foto-3 {
    background-image: url(../img/seccion-3_foto3.jpg) !important;
    background-size: cover;
    background-position: center center;
}

.seccion-3_collage .foto-4 {
    background-image: url(../img/seccion-3_foto4.jpg) !important;
    background-size: cover;
    background-position: center center;
}

.seccion-4_collage .foto-1 {
    background-image: url(../img/seccion-4_foto1.jpg) !important;
    padding: 0;
}

.seccion-4_collage .foto-2 {
    background-image: url(../img/seccion-4_foto2.jpg) !important;
    background-size: cover;
    background-position: center center;
    width: 100%;
}

.seccion-4_collage .foto-3 {
    background-image: url(../img/seccion-4_foto3.jpg) !important;
    background-size: cover;
    background-position: center center;
}

.seccion-4_collage .foto-4 {
    background-image: url(../img/seccion-4_foto4.jpg) !important;
    background-size: cover;
    background-position: center center;
}

.navbar-dark .nav-item.active .nav-link,
.navbar-dark .nav-item .nav-link:active,
.navbar-dark .nav-item .nav-link:focus,
.navbar-dark .nav-item:hover .nav-link {
    color: #000000;
}

.seccion-3 .modal-body .h3 {
    text-align: center;
}

.modal-body .lead {
    text-align: justify;
}

.footer {
    background-color: #12397E !important;
    color: #FFFFFF !important;
}

.btn-warning {
    border-radius: 25px;
    padding: 1rem;
    background-color: #EDBC00 !important;
    border-color: transparent;
    font-weight: 800;
    color: #0A5098;
}

.btn-warning:hover {
    color: #f3f3f3;
}

.seccion-2_btn {
    color: #0A5098;
}

.seccion-2_btn:hover {
    color: #f3f3f3;
}

.seccion-4_btn {
    color: #0A5098;
}

.seccion-4_btn:hover {
    color: #f3f3f3;
}

.seccion-5_btn {
    color: #0A5098;
}

.seccion-5_btn:hover {
    color: #f3f3f3;
}



.btn-primary {
    border-radius: 25px;
    padding: 1rem;
    background-color: #2563AF !important;
    border-color: transparent;
    font-weight: 800;
    color: #EDBC00;
}

@media only screen and (min-width: 320px) {

    /*navegacion sociales*/
    .navbar-nav {
        text-align: center;
    }

    .navbar img {
        height: auto;
        width: auto;
    }

    ul.navega .social {
        display: none;
    }

    .sociales ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .sociales ul li {
        position: relative;
        display: inline-block;

    }

    .sociales .nav-link {
        color: #ffffff;
    }

    .slider-grande {
        display: none;
    }

    .seccion1 {
        display: none;
    }

    /*seccion 2*/

    .seccion-2 .row .seccion-2_col-1 {
        padding: 0;
    }

    .seccion-2 .row .seccion-2_col-1 .img-fluid {
        padding: 0;
    }

    .seccion-2 .img-fluid {
        margin-top: 4rem;
    }

    .seccion-2 .lead {
        text-align: center;
        margin-top: 2rem;
    }

    .seccion-2 .seccion-2_row2 .seccion-2_logos {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .seccion-2 .seccion-2_row2 .seccion-2_logos .img-fluid {
        width: 150px;
    }

    .seccion-2 .seccion-2_row2 .seccion-2_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    /* seccion 3*/
    .seccion-3 .col-12 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .seccion-3 .h3 {
        margin-bottom: 1.5rem;
    }

    .seccion-3 .h5 {
        margin-bottom: 1.5rem;
    }

    .seccion-3 .row .lead {
        text-align: justify;
    }

    .seccion-3_collage .foto-1 {
        background-position: center;
        background-size: cover;
        min-height: 35vh;
    }

    .seccion-3_collage .foto-2 {
        background-position: center;
        background-size: cover;
        min-height: 35vh;
    }

    .seccion-3_collage .foto-3 {
        background-position: center;
        background-size: cover;
        min-height: 35vh;
    }

    .seccion-3_collage .foto-4 {
        background-position: center;
        background-size: cover;
        min-height: 35vh;
    }

    .seccion-3 .divBtn {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* SECCION 4*/
    .seccion-4 #somos-criadores {
        text-align: right;
        position: relative;
        margin-bottom: -5rem;
        margin-top: 2.5rem;
    }

    .seccion-4 .col-12 .lead {
        margin-top: 2rem;
        text-align: center;
    }

    .seccion-4 .seccion-4_row .seccion-4_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .seccion-4_collage .foto-1 {
        background-position: center;
        background-size: cover;
        min-height: 36vh;
    }

    .seccion-4_collage .foto-2 {
        background-position: center;
        background-size: cover;
        min-height: 36vh;
    }

    .seccion-4_collage .foto-3 {
        background-position: center;
        background-size: cover;
        min-height: 36vh;
    }

    .seccion-4_collage .foto-4 {
        background-position: center;
        background-size: cover;
        min-height: 36vh;
    }

    .seccion-4 .seccion-4_row .h2 {
        margin-top: 3rem;
        margin-bottom: 3rem;
        text-align: center;
    }

    .seccion-5 .h2 {
        text-align: center;
        margin-top: 7.5rem;
    }

    .seccion-5 .lead {
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 4rem;
    }

    .seccion-5 .seccion-5_row .seccion-5_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 4rem;
    }

    .footer .contactame ul li {
        margin-bottom: 1.50rem;
        background-color: transparent;
        text-align: center;
    }


    .footer .links .list-group .list-group-item {
        background-color: transparent;
        padding: 0;
        margin: 0;
        text-align: center;
        color: #FFFFFF;
        border-style: none;
    }

    .footer .links .list-group .list-group-item .nav-link {

        color: #FFFFFF;
    }

    .footer .img-fluid {
        width: 50%;
        margin-bottom: 3rem;
    }
}

@media only screen and (min-width: 480px) {

    /*seccion-2*/
    .seccion-2 .row .seccion-2_col-1 {
        padding: 0;
    }

    .seccion-2 .row .seccion-2_col-1 .img-fluid {
        padding: 0;
    }

    .seccion-2 .seccion-2_row2 .seccion-2_logos .img-fluid {
        width: 175px;
    }

    .seccion-3 .h5 {
        margin-bottom: 5rem;
    }

    .seccion-3_collage .foto-1 {
        background-position: center;
        background-size: cover;
        min-height: 45vh;
    }

    .seccion-3_collage .foto-2 {
        background-position: center;
        background-size: cover;
        min-height: 45vh;
    }

    .seccion-3_collage .foto-3 {
        background-position: center;
        background-size: cover;
        min-height: 45vh;
    }

    .seccion-3_collage .foto-4 {
        background-position: center;
        background-size: cover;
        min-height: 45vh;
    }

    .seccion-4_collage .foto-1 {
        background-position: center;
        background-size: cover;
        min-height: 55vh;
    }

    .seccion-4_collage .foto-2 {
        background-position: center;
        background-size: cover;
        min-height: 55vh;
    }

    .seccion-4_collage .foto-3 {
        background-position: center;
        background-size: cover;
        min-height: 55vh;
    }

    .seccion-4_collage .foto-4 {
        background-position: center;
        background-size: cover;
        min-height: 55vh;
    }

}

@media only screen and (min-width: 768px) {

    .slider-pequeño {
        display: none;
    }

    .slider-grande {
        display: inline-block;
    }

    .slider-grande .carousel-caption .img-fluid {
        height: 100px;
        margin-bottom: 1rem;
        margin-left: 4rem;

    }

    .slider-grande .carousel-caption {
        top: 2rem;
        left: 5rem;
        bottom: auto;
        text-align: left;
    }

    .slider-grande .carousel-caption .h5 {
        font-size: 2rem;
    }

    .seccion-2 {
        margin-top: -1rem;
    }

    .seccion-3_collage .foto-1 {
        background-position: center;
        background-size: cover;
        min-height: 35vh;
    }

    .seccion-3_collage .foto-2 {
        background-position: center;
        background-size: cover;
        min-height: 35vh;
    }

    .seccion-3_collage .foto-3 {
        background-position: center;
        background-size: cover;
        min-height: 35vh;
    }

    .seccion-3_collage .foto-4 {
        background-position: center;
        background-size: cover;
        min-height: 35vh;
    }

    .seccion-4 #somos-criadores {
        text-align: right;
        position: relative;
        margin-bottom: -12rem;
        margin-top: 2.5rem;
    }

    .seccion-4 .seccion-4_row .h2 {
        text-align: center;
        margin-top: 5rem;
        position: relative;
        margin-bottom: -10rem;
    }

    .seccion-4_collage .foto-1 {
        background-position: center;
        background-size: cover;
        min-height: 45vh;
    }

    .seccion-4_collage .foto-2 {
        background-position: center;
        background-size: cover;
        min-height: 45vh;
    }

    .seccion-4_collage .foto-3 {
        background-position: center;
        background-size: cover;
        min-height: 45vh;
    }

    .seccion-4_collage .foto-4 {
        background-position: center;
        background-size: cover;
        min-height: 45vh;
    }

    .seccion-4_contenedor-pequeño {
        display: inline-block;
    }

    .seccion-5 .seccion-5_row .h2 {
        text-align: center;
        margin-top: 5rem;
        margin-left: 8rem;
        margin-right: 7.5rem;
        position: relative;
        margin-bottom: -12.5rem;
    }

    .footer .container .row .logo {
        text-align: center;
    }

}

@media only screen and (min-width: 1024px) {
    .navbar .img-fluid {
        height: 50px;
    }

    .slider-grande .carousel-caption {
        top: 2rem;
        left: 6rem;
        bottom: auto;
        text-align: left;
    }

    .slider-grande .carousel-caption .img-fluid {
        height: 150px;
        margin-bottom: 1rem;
        margin-left: 5rem;

    }

    .slider-grande .carousel-caption .lead {
        font-size: 2rem;
    }

    .slider-grande .carousel-caption .h5 {
        font-size: 3rem;
    }

    .seccion-3 .row .h3 {
        font-size: 3rem;
    }

    .seccion-3 .row .h4 {
        font-size: 3rem;
    }

    .seccion-3 .nombre-rene {
        font-size: 2rem;
    }

    .seccion-3_collage .foto-1 {
        background-position: center;
        background-size: cover;
        min-height: 25vh;
    }

    .seccion-3_collage .foto-2 {
        background-position: center;
        background-size: cover;
        min-height: 25vh;
    }

    .seccion-3_collage .foto-3 {
        background-position: center;
        background-size: cover;
        min-height: 25vh;
    }

    .seccion-3_collage .foto-4 {
        background-position: center;
        background-size: cover;
        min-height: 25vh;
    }

    .seccion-4 .display-2 {
        font-size: 3rem;
    }

    .seccion-4 .fuente-3 {
        font-size: 3rem;
    }

    .seccion-4 #somos-criadores {
        text-align: right;
        margin-top: 8rem;
        margin-left: 8.5rem;
        margin-right: 7.5rem;
        position: relative;
        margin-bottom: -15.5rem;
    }

    .seccion-4 .seccion-4_row .seccion-4_contenedor-pequeño #somos-criadores {
        height: 200px;
    }

    .seccion-4 .seccion-4_row .lead {
        text-align: left;
    }

    .seccion-4_collage .foto-1 {
        background-position: center;
        background-size: cover;
        min-height: 30vh;
    }

    .seccion-4_collage .foto-2 {
        background-position: center;
        background-size: cover;
        min-height: 30vh;
    }

    .seccion-4_collage .foto-3 {
        background-position: center;
        background-size: cover;
        min-height: 30vh;
    }

    .seccion-4_collage .foto-4 {
        background-position: center;
        background-size: cover;
        min-height: 30vh;
    }

    .seccion-5 .seccion-5_row .h2 {
        text-align: center;
        margin-top: 5rem;
        margin-left: 8rem;
        margin-right: 7.5rem;
        position: relative;
        margin-bottom: -12.5rem;
    }

    .seccion-5 .seccion-5_row .lead {
        text-align: left;
    }
}

@media only screen and (min-width: 1680px) {
    .navbar .img-fluid {
        height: 75px;
    }

    .slider-grande .carousel-caption {
        top: 11rem;
        left: 12rem;
        bottom: auto;
        text-align: left;
    }

    .slider-grande .carousel-caption .img-fluid {
        height: 250px;
        margin-bottom: 1rem;
        margin-left: 5rem;

    }

    .slider-grande .carousel-caption .lead {
        font-size: 3rem;
    }

    .slider-grande .carousel-caption .h5 {
        font-size: 4rem;
    }

    .seccion-3_collage .foto-1 {
        background-position: center;
        background-size: cover;
        min-height: 35vh;
    }

    .seccion-3_collage .foto-2 {
        background-position: center;
        background-size: cover;
        min-height: 35vh;
    }

    .seccion-3_collage .foto-3 {
        background-position: center;
        background-size: cover;
        min-height: 35vh;
    }

    .seccion-3_collage .foto-4 {
        background-position: center;
        background-size: cover;
        min-height: 35vh;
    }

    .seccion-4_collage .foto-1 {
        background-position: center;
        background-size: cover;
        min-height: 45vh;
    }

    .seccion-4_collage .foto-2 {
        background-position: center;
        background-size: cover;
        min-height: 45vh;
    }

    .seccion-4_collage .foto-3 {
        background-position: center;
        background-size: cover;
        min-height: 45vh;
    }

    .seccion-4_collage .foto-4 {
        background-position: center;
        background-size: cover;
        min-height: 45vh;
    }
}