body {
    width:100%;
    max-width:100%;
    margin:0px;
    font-family: 'GotamBook', sans-serif;
    

}

body {
    background: rgba(255,249,215,1);
    background: -moz-linear-gradient(left, rgba(255,249,215,1) 0%, rgba(227,239,251,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,249,215,1)), color-stop(100%, rgba(227,239,251,1)));
    background: -webkit-linear-gradient(left, rgba(255,249,215,1) 0%, rgba(227,239,251,1) 100%);
    background: -o-linear-gradient(left, rgba(255,249,215,1) 0%, rgba(227,239,251,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,249,215,1) 0%, rgba(227,239,251,1) 100%);
    background: linear-gradient(to right, rgba(255,249,215,1) 0%, rgba(227,239,251,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9d7', endColorstr='#e3effb', GradientType=1 );
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 4; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 5% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 95%; /* Could be more or less, depending on screen size */
}
.logo-modal{
 display: inline-block;
}
.logo-modal img{
 width: 150px;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.button {
    background-color: #005274;
    /* padding-left: 30px; */
    /* padding-right: 30px; */
    padding-top: 18px;
    padding-bottom: 18px;
    margin-top: 60px;
    display: block;
    max-width: 293px;
    text-align: center;
    -webkit-border-top-left-radius: 93px;
    -moz-border-radius-topleft: 93px;
    border-top-left-radius: 93px;
    color: white;
    font-size: 22px;
}


a.button-link {
    margin-top: 60px;
    display: block;
}

ul {
    list-style-image: url(https://image.mail.iadb.org/lib/fe45157075640479751170/m/2/97d278d6-4df8-4cfe-8f19-a52d566ebf38.png);
}
li {
    font-family: "GothamMedium", sans-serif;
    color: #005274;
    margin-bottom:20px;
}

section.section-cuatro {
    margin-bottom: 90px;
}
section.section-tres {
    margin-bottom: 80px;
}


.content {
    max-width: 94%;
    margin: 0 auto;
}


section {
    width: 100%;
    max-width: 100%;
    overflow: hidden!important;
}
section .container {max-width: 90%;
margin: 0 auto;}
section img {
    max-width: 100%;
}



header .fab {
    color: #1d563e!important;
}


h2 {
    font-size: 2.1vw;
    font-family: 'GothamBold', sans-serif;
    color: #6ec1a0;
    letter-spacing: 1px;
}

p {
    font-size: 1.55vw;
    font-family: 'GothamMedium', sans-serif;
    line-height: 1.4em;
    color: #005274;
}




a {font-size:20px;
    text-decoration:none;
}

section .container {
    display: flex;
}

/********** Large desktop **************/

@media (min-width: 1200px) {

    section.section-tres {
        margin-top: 60px;
    }
    
    section.section-cuatro {
        margin-top: 60px;
    }
    section.section-cinco {
        margin-top: 60px;
    }
  
    img.yellowsep {
        text-align: right;
        display: block;
        margin-right: 0;
        margin-left: auto;
        position: relative;
        right: 0%
    }
    header .container {
        padding-top:30px;
        max-width: 90%;
        margin: 0 auto;
    }

    header .logo-container {
        max-width: 50%;
        width:50%;
        display: inline-block;
    }


    img.logo-img.lozad {
        max-width: 150px;
    }

    .social-container.nav-bar {
        max-width: 50%;
        display: inline-block;
        height: 58px;
        float: right;
        flex-direction: column;
        vertical-align: middle;
    }
   /*Seccion 1*/

   section .column1, section .column2 {
    max-width:50%;
    width: 50%;
}

.section-uno .column2 {
    text-align: right;
    padding-top: 65px;
}

.section-uno img.img--seccion-uno {
    max-width: 97%;
    text-align: right;
}

section.section-uno {
    padding-top: 40px;
}

/*Seccion Dos*/


.section-dos .column2 {
   
}

img.img.img--seccion-dos {
    max-width: 96%;
}

.section-dos .column2 {
    padding-top: 50px;
}

section.section-dos {
    margin-bottom: 120px;
}

/*Seccion 3*/

.section-tres img.img--seccion-uno {
    max-width: 97%;
    text-align: right;
}

.section-tres .column2 {
    text-align: right;
}

.section-tres .column1 {
    padding-top: 65px;
}

section.section-tres {
    margin-bottom: 120px;
}

.section-cuatro img.img.img--seccion-uno {
    max-width: 95%;
}

section.section-cuatro {
    margin-bottom: 120px;
}
.section-cuatro .column2 {padding-top:65px;}


.section-cinco img.img.img--seccion-uno {
    max-width: 95%;
}

.section-cinco .column2 {
    text-align: right;
}

.section-cinco .column1 {
    padding-top: 65px;
}

section.section-cinco {
    margin-bottom: 80px;
}



h2 {
    line-height: 1.5em;
    color: #005274;
}
   
    footer .logo-container {
        max-width: 15%;
        display: inline-block;
        float:left;}

    .social-container {
        max-width: 15%;
        display: inline-block;
    }
    footer .creddist-container {
        max-width: 70%;
        width: 70%;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
    }

    footer .container {
        max-width: 90%;
        margin: 0 auto;
    }
    
    .social-container {
        max-width: 150px;
        float: right;
        display: inline-block;
        padding-top: 20px;
    }

    footer {
        color: White!important;
        background: #1d563e;
        padding-top:20px;
        padding-bottom:20px;
    }
    footer p {
        font-size: 14px;
        font-family: 'GothamBook', sans-serif;
    }

img.yellowsep {
    text-align: right;
    display: block;
    margin-right: 0;
    margin-left: auto;
    position: relative;
    right: -3%;
}



section.section-cuatro {
    padding-bottom: 90px;
}

section.section-cuatro {
    margin-bottom: 70px!important;
}




 

}


/* notebooks/macbooks */

@media (min-width: 980px) and (max-width: 1200px) {

    img.yellowsep {
        text-align: right;
        display: block;
        margin-right: 0;
        margin-left: auto;
        position: relative;
        right: 0%
    }

    header .container {
        padding-top:30px;
        max-width: 90%;
        margin: 0 auto;
    }

    header .logo-container {
        max-width: 50%;
        width:50%;
        display: inline-block;
    }


    img.logo-img.lozad {
        max-width: 150px;
    }

    .social-container.nav-bar {
        max-width: 50%;
        display: inline-block;
        height: 58px;
        float: right;
        flex-direction: column;
        vertical-align: middle;
    }



     /*Seccion 1*/

   section .column1, section .column2 {
    max-width:50%;
    width: 50%;
}

.section-uno .column2 {
    text-align: right;
    padding-top: 65px;
}

.section-uno img.img--seccion-uno {
    max-width: 97%;
    text-align: right;
}

section.section-uno {
    padding-top: 40px;
}

/*Seccion Dos*/


.section-dos .column2 {
   
}

img.img.img--seccion-dos {
    max-width: 96%;
}

.section-dos .column2 {
    padding-top: 50px;
}

section.section-dos {
    margin-bottom: 120px;
}

/*Seccion 3*/

.section-tres img.img--seccion-uno {
    max-width: 97%;
    text-align: right;
}

.section-tres .column2 {
    text-align: right;
}

.section-tres .column1 {
    padding-top: 65px;
}

section.section-tres {
    margin-bottom: 120px;
}

.section-cuatro img.img.img--seccion-uno {
    max-width: 95%;
}

section.section-cuatro {
    margin-bottom: 120px;
}
.section-cuatro .column2 {padding-top:65px;}


.section-cinco img.img.img--seccion-uno {
    max-width: 95%;
}

.section-cinco .column2 {
    text-align: right;
}

.section-cinco .column1 {
    padding-top: 65px;
}

section.section-cinco {
    margin-bottom: 80px;
}



h2 {
    line-height: 1.5em;
    color: #005274;
}




    

    footer .logo-container {
        max-width: 15%;
        display: inline-block;
        float:left,}

    .social-container {
        max-width: 15%;
        display: inline-block;
    }
    footer .creddist-container {
        max-width: 70%;
        width: 70%;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
    }

    footer .container {
        max-width: 90%;
        margin: 0 auto;
    }
    
    .social-container {
        max-width: 150px;
        float: right;
        display: inline-block;
        padding-top: 20px;
    }

    footer {
        color: White!important;
        background: #1d563e;
        padding-top:20px;
        padding-bottom:20px;
    }
    footer p {
        font-size: 14px;
        font-family: 'GothamBook', sans-serif;
    }





section.section-cuatro {
    padding-bottom: 90px;
}

section.section-cuatro {
    margin-bottom: 70px!important;
}

img.yellowsep {
    text-align: right;
    display: block;
    margin-right: 0;
    margin-left: auto;
    position: relative;
    right: 0%
}


section.section-tres {
    margin-bottom: 60px!important;
}

section.section-cuatro {
    margin-top: 60px;
} 

section.section-cuatro {
    margin-bottom: 60px;
    padding-bottom: 0px;
}

section.section-cinco {
    margin-top: 60px;
}

footer {
    margin-top: 60px;
}


section.section-dos {
    margin-bottom: 70px;
}

section.section-tres {
    margin-top: 60px;
}

section.section-tres {
    margin-top: 60px;
}

.content {
    max-width: 100%;
    margin: 0 auto;
}
section {
    width: 94%;
    max-width: 94%;
    overflow: visible;
    margin: 0 auto;
}


    

}

/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {
    img.yellowsep {
        text-align: right;
        display: block;
        margin-right: 0;
        margin-left: auto;
        position: relative;
        right: 0%
    }

    section.section-uno {
        padding-bottom: 60px;
    }

.content {
    max-width: 100%;
    margin: 0 auto;
}

section {
    max-width: 94%;
    margin: 0 auto;
}



    header .container {
        padding-top:30px;
        max-width: 80%;
        margin: 0 auto;
    }

    header .logo-container {
        max-width: 50%;
        width:50%;
        display: inline-block;
    }


    img.logo-img.lozad {
        max-width: 102px;
    }

    .social-container.nav-bar {
        max-width: 50%;
        display: inline-block;
        height: 58px;
        float: right;
        flex-direction: column;
        vertical-align: middle;
    }

    

    section .container {
        display: block;
    }

    section .container {
        max-width: 87%;
        margin: 0 auto;
    }

    h2 {
        font-size: 4.4vw;
        color: #005274;
        line-height: 1.4em;
    }

    section.section-dos {
        padding-bottom: 50px;
    }
    
    

    p {
        font-size: 3.5vw;
    }

    .button-link img {
        max-width: 77%;
        margin: 0 auto;
        display: block;
    }

    .button-link {margin-top:30px!important;
    display:block;
margin-bottom:30px!important;}

.section-dos .container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

.section-dos .column1 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}

.section-cuatro .container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

.section-cuatro .column1 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}

section.section-cinco {
    margin-bottom: 90px;
}


li {
    font-family: "GothamMedium", sans-serif;
    color: #005274;
    margin-bottom:20px;
}


section.section-tres {
    padding-bottom: 80px;
    margin-bottom:0px;
}


section.section-cuatro {
    margin-bottom: 0px;
    padding-bottom: 50px;
}



.content{width:100%;
max-width:100%;}



section.section-cinco {
    margin-bottom: 0px;
    padding-bottom: 70px;
}











    p.credits {
        font-size: 10px;
    }

    footer .container {
        max-width: 90%;
        margin: 0 auto;
    }

    footer .logo-container {
        max-width: 15%!important;
        width: 15%!important;
        display: inline-block;
    }

    .creddist-container {
        max-width: 67%;
        display: inline-block;
        text-align: center;
        color: white!important;
    }
    footer .social-container {
        max-width: 15%;
        display: inline-block;
    }

    footer img.logo-img.lozad {
        max-width: 100%;
    }

    p.credits {
        color: white;
    }

    footer a {
        font-size:12px;

    }
    footer {

        padding-top:10px;
        padding-bottom:10px;
    }

    footer .social-container {
        max-width: 15%;
        display: inline-block;
        flex-direction: column;
        vertical-align: top;
        padding-top: 20px;
    }
}


/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) {

    section.section-cuatro {
        margin-top: 60px;
    }
    section.section-tres {
        margin-top: 30px;
    }

    section.section-cinco {
        margin-top: 30px;
    }

    img.yellowsep {
        text-align: right;
        display: block;
        margin-right: 0;
        margin-left: auto;
        position: relative;
        right: 0%;
        max-width: 60px;
    }

    img.bluesep {
        max-width: 60px;
    }
    header .container {
        padding-top:30px;
        max-width: 80%;
        margin: 0 auto;
    }

    header .logo-container {
        max-width: 50%;
        width:50%;
        display: inline-block;
    }


    img.logo-img.lozad {
        max-width: 102px;
    }

    .social-container.nav-bar {
        max-width: 50%;
        display: inline-block;
        height: 58px;
        float: right;
        flex-direction: column;
        vertical-align: middle;
    }






    section .container {
        display: block;
    }

    section .container {
        max-width: 87%;
        margin: 0 auto;
    }

    h2 {
        font-size: 4.4vw;
        color: #005274;
        line-height: 1.4em;
    }

    section.section-dos {
        padding-bottom: 50px;
    }
    
    

    p {
        font-size: 3.5vw;
    }

    .button-link img {
        max-width: 77%;
        margin: 0 auto;
        display: block;
    }

    .button-link {margin-top:30px!important;
    display:block;
margin-bottom:30px!important;}

.section-dos .container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

.section-dos .column1 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}

.section-cuatro .container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

.section-cuatro .column1 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}

section.section-cinco {
    margin-bottom: 90px;
}


li {
    font-family: "GothamMedium", sans-serif;
    color: #005274;
    margin-bottom:20px;
}


section.section-tres {
    padding-bottom: 80px;
    margin-bottom:0px;
}


section.section-cuatro {
    margin-bottom: 0px;
    padding-bottom: 50px;
}



.content{width:100%;
max-width:100%;}



section.section-cinco {
    margin-bottom: 0px;
    padding-bottom: 70px;
}






















    
    p.credits {
        font-size: 10px;
    }

    footer .container {
        max-width: 90%;
        margin: 0 auto;
    }

    footer .logo-container {
        max-width: 15%!important;
        width: 15%!important;
        display: inline-block;
    }

    .creddist-container {
        max-width: 67%;
        display: inline-block;
        text-align: center;
        color: white!important;
    }
    footer .social-container {
        max-width: 15%;
        display: inline-block;
    }

    footer img.logo-img.lozad {
        max-width: 100%;
    }

    p.credits {
        color: white;
    }

    footer a {
        font-size:12px;

    }
    footer {

        padding-top:10px;
        padding-bottom:10px;
    }

    footer .social-container {
        max-width: 15%;
        display: inline-block;
        flex-direction: column;
        vertical-align: top;
        padding-top: 20px;
    }

}



/*landscape phones & down*/
@media (max-width: 480px) {

    section.section-cuatro {
        margin-top: 60px;
    }
    section.section-tres {
        margin-top: 30px;
    }

    section.section-cinco {
        margin-top: 30px;
    }

    img.yellowsep {
        text-align: right;
        display: block;
        margin-right: 0;
        margin-left: auto;
        position: relative;
        right: 0%;
        max-width: 60px;
    }

    img.bluesep {
        max-width: 60px;
    }

    header .container {
        padding-top:30px;
        max-width: 80%;
        margin: 0 auto;
    }

    header .logo-container {
        max-width: 50%;
        width:50%;
        display: inline-block;
    }


    img.logo-img.lozad {
        max-width: 102px;
    }

    .social-container.nav-bar {
        max-width: 50%;
        display: inline-block;
        height: 58px;
        float: right;
        flex-direction: column;
        vertical-align: middle;
    }

    
    section .container {
        display: block;
    }

    section .container {
        max-width: 87%;
        margin: 0 auto;
    }

    h2 {
        font-size: 4.4vw;
        color: #005274;
        line-height: 1.4em;
    }

    section.section-dos {
        padding-bottom: 50px;
    }
    
    

    p {
        font-size: 3.5vw;
    }

    .button-link img {
        max-width: 77%;
        margin: 0 auto;
        display: block;
    }

    .button-link {margin-top:30px!important;
    display:block;
margin-bottom:30px!important;}

.section-dos .container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

.section-dos .column1 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}

.section-cuatro .container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

.section-cuatro .column1 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}

section.section-cinco {
    margin-bottom: 90px;
}


li {
    font-family: "GothamMedium", sans-serif;
    color: #005274;
    margin-bottom:20px;
    font-size: 3.5vw;
}


section.section-tres {
    padding-bottom: 80px;
    margin-bottom:0px;
}



section.section-cuatro {
    margin-bottom: 0px;
    padding-bottom: 50px;
}




.content{width:100%;
max-width:100%;}



section.section-cinco {
    margin-bottom: 0px;
    padding-bottom: 70px;
}






    p.credits {
        font-size: 10px;
    }

    footer .container {
        max-width: 90%;
        margin: 0 auto;
        display: flex;
        width: 90%;
    }

    footer .logo-container {
        max-width: 15%!important;
        width: 15%!important;
        display: inline-block;
        vertical-align: middle;
        padding-top: 17px;
    }

    .creddist-container {
        max-width: 67%;
        display: inline-block;
        text-align: center;
        color: white!important;
    }
    footer .social-container {
        max-width: 15%;
        display: inline-block;
    }

    footer img.logo-img.lozad {
        max-width: 100%;
    }

    p.credits {
        color: white;
    }

    footer a {
        font-size:12px;

    }
    footer {

        padding-top:10px;
        padding-bottom:10px;
    }

    footer .social-container {
        max-width: 15%;
        display: inline-block;
        flex-direction: column;
        vertical-align: top;
        padding-top: 20px;
    }

}











footer {
    background-color: #1d563e;
    color: white!important;
}

p.credits {
    color: white;
}

footer i.fab {
    color: white;
}

p.button-text {
    color: white!important;
}

footer img.logo-img.lozad {
    filter: brightness(0) invert(1);
}



footer {
    margin-top: 60px;
    background-color: #005274!important;
}