html{
    font-size: 62,5%;
    box-sizing: border-box;
}
body{
    background-color: #0071b7;
    font-family: 'Lato', sans-serif;
    font-size: 1.6rem;
}
h1, h2{
    color: #fff;
    text-align: center;
    margin: 5rem 0;
    padding: 1rem;
}
.caja-curso{
    background-color: #ff4f1e;
    text-align: center;
    color: #fff;
    padding: 5rem;
}
.caja-curso h1{
    margin: 0;
}
.contenedor{
    max-width: 120rem;
    margin: 0 auto;
}
.box{
    background-color: #ff4f1e;
    color: #fff;
    padding: 5rem;
    font-size: 4rem;
    border: 1rem solid #bb2b03;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
}
.contenedor > div{
    background-color: #fff;
    padding: 5rem;
}
.d-flex{
    display: flex;
}
.d-flex-2{
    display: flex;
    flex-direction: row;
    flex-direction: row-reverse;
    flex-direction: column;
    flex-direction: column-reverse;
}
.d-flex-3{
    display: flex;
    justify-content: flex-start;
    justify-content: flex-end;
    justify-content: center;
    justify-content: space-around;
    justify-content: space-evenly;
    justify-content: space-between;
}
.d-flex-4{
    display: flex;
    flex-direction: column;
    height: 1000px;

}
.d-flex-5{
    display: flex;
    height: 700px;
    align-items: flex-start;
    align-items: stretch;
    align-items: center;
    align-items: flex-end;
    align-items: baseline;
}
.d-flex-6{
    display: flex;
    flex-direction: column;
    height: 800px;
    align-items: flex-start;
    align-items: stretch;
    align-items: center;
    align-items: flex-end;
}
.d-flex-7{
    display: flex;
    height: 800px;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;

    justify-content: flex-start;
    align-items: flex-end;

    justify-content: flex-start;
    align-items: flex-start;

    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

    justify-content: flex-end;
    align-items: flex-start;
}
.d-flex-8{
    display: flex;
}
.d-flex-8 .box{
    flex-basis: 33.3%;
    flex-basis: 200px;
    width: 200px;
}
.d-flex-9{
    display: flex;
    gap: 2rem;
}
.d-flex-9 .box{
    flex-basis: 33.3%;
    flex-basis: calc(33.3%-1rem);
}
.d-flex-9{
    display: flex;
    justify-content: space-between;
}
.d-flex-9 .box{
    flex-basis: calc(33.3%-1rem);
}
.d-flex-11{
    display: flex;
}
.d-flex-11 .box{
    flex-grow: 0;
    flex-grow: 1;
}
.d-flex-13{
    display: flex;
}
.d-flex-13 .box{
    flex-basis: 33.3%;
    flex-grow: 1;
    flex-shrink: 0;
    flex: 1 0 33.3%;
}