@import url('https://fonts.googleapis.com/css?family=Dancing+Script:700|Lato:400,700|Noto+Serif|Roboto+Slab:300');

#body1{
    font-size: 1rem;
    background-color:#FF7D56;
}
#body2{
    font-size: 1rem;
    background-color:#FF7D56;
}
#body3{
    font-size: 1rem;
    background-color:#56A3FF;
}
header{
    max-width: 100vw;
    height: auto;
}
#body4{
     font-size: 1rem;
    background-color:#DAF7A6;
}
nav{
    width: 100%;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    justify-content: space-around;
    background-color:;
    padding: 20px;
    font-size: 16pt;
    text-transform: uppercase;
}
.pestañas{
    width: 80%;
    padding-bottom: 15px;
    padding-top: 15px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    font-family: 'Roboto Slab', serif;
}
.portada{
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    background-color:#56A3FF;
    background-size: 350%;
    background-position: 50% 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 130px;
}
.contenidodeportada{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
}
.portada h1{
    font-size: 3rem;
    text-transform: uppercase;
    color: #D8FF56;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
}
div{
    display: block
}
.jt06{
    font-size:5rem;
}
.titulo{
    
}
.titulo2{
    
}

section {
    display: flex;
    flex-direction: row;
    width: auto;
    height: auto;
    justify-content:center;
        
    }
section div{
    background-color: white;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    flex-grow:<20>;
    height:auto;
    width: auto;
    background-position: cover;
    
}
section div#fotoportadaeuge{
    background-image: url(img/fotoportadaeuge.jpg);
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    background-size: cover;
}
section div#fotoportadajuan{
    background-image: url(img/fotoportadajuan.jpg);
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction:row;
    margin:0;
    padding: 0;
    background-size: cover;
}
section div#fotoportadaflor{
    background-image: url(img/fotoportadaflor.jpg);
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: row;
    margin:0;
    padding: 0;
    background-size: cover;
   
}
section div#fotoportadaeri{
    background-image: url(img/fotoportadaeri.jpg);
    background-repeat: no-repeat;
    background-position:center;
    display: flex;
    flex-direction: row;
    margin:0;
    padding: 0
    background-size: cover;
    
}
a{
    font-family:'Roboto Slab', serif;
    text-decoration: none;
    color: #ffffff;
    margin: 0;
    padding: 0;
    
}
h3{
    font-family:'Roboto Slab', serif;
    color:#D8FF56;
    font-size: 3em;
    justify-content: center;
    font-size-adjust:auto;
}
main div{
    margin: 14em;
    display: flex;
    justify-content: center;
    align-content: center;
}
main div h1{
    font-family:'Noto Serif', serif;
    font-size: 1em;
    font-weight:;
    color:;
}
.da{
    padding: 2em;
    font-family:'Roboto Slab', serif;
    font-size: .9em;
    font-weight: normal;
    list-style: none;
}
ul li{
    display: list-item;
    text-align: -webkit-match-parent;
}
footer{
    font-family: 'Noto Serif', serif;
    font-size: 0.8rem;
    color:black;
    text-align: left;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color:#FF7D56;
    
        
}
.pie{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Noto Serif', serif;
    text-align: center;
}
h2{
    font-family: 'Lato', sans-serif;
    font-size: 2em;
    color:black;
}
.carta h2{
    font-family: 'Lato', sans-serif;
    font-size: 2em;
    color:#56A3FF;
    background-color:rgb(252, 179, 157);
    background-size: cover;
   
}
.contenedor{
    width: 100%;
    min-height: 100px;
    padding: 100px;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.carta{
    margin-top: -50px;
    text-align:left;
    color: white;
    display: flex;
    flex-direction: column;
}
#h4{
    font-family:'Dancing Script', cursive;
    color: #5661FF;
    font-size: 2em;
    background-color:#b9a9a9;
    background-size: cover;
    text-align: center;
    
}
#p4{
    font-family:  'Lato', sans-serif;
    color: black;
    font-size: 1em;
    text-align: center;
    
}
.botonReg{
    font-family:'Dancing Script', cursive;
    color:#b9a9a9;
    font-size: 1.5em;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color:  #5661FF;
}
#ep{
    background-image: url(img/nyc.png);
    background-size: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    
}
#foto{
    max-width: 25%;
    height: auto;
    padding: auto;
    margin: 10%;
    box-sizing: border-box;
}