html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
}
.width-full{
    width: 100%;
}
.container{
    text-align: center;
    padding-top: 5rem;
}
.icon-container{
    margin-bottom: 5rem;
}
.icon-container > img{
    display: inline-block;
}
.btn-option{
    color: #fff;
    font-size: 20px;
    border: none;
    padding: 8px 30px;
    border-radius: 50px;
    margin-bottom: 15px;
    margin-top: 5px;    
    background-color: #87868b;
    width: 100%;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}
.btn-option:hover,.btn-aprender:hover{
    color: #fff;
    text-decoration: none;
}
.btn-option:active,.btn-aprender:active{
    color: #fff;
    text-decoration: none;
}
.btn-option:focus,.btn-aprender:focus{
    color: #fff;
    text-decoration: none;
}
h2{
    color: #17568f;
}
@media (max-width: 480px) {
    #separador {
        display: none;
    }
}

.boton{
    color: #fff;
    font-size: 20px;
    border: none;
    padding: 8px 30px;
    border-radius: 50px;
    margin-bottom: 15px;
    margin-top: 5px;    
    background-color: #17568f;
    width: 100%;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}