html, body{
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
}
.logo-medical{
    width: 220px;
}
.options{
    width: 279px;
    height: 279px;
    text-align: center;
    display: table;
    width: 100%;
}
.bg-top-bar{
    background-image: url('../images/top-bar.png');
    background-size: cover;
    background-position: center;
}
.icon{
    width: 42px;
    padding-left: 5px;
    padding-right: 5px;
}
.align-center{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.white{
    color: #FFF;
}
.color1{
    background: #2CBDC5;
}
.color2{
    background: #2499C7;
}
.color3{
    background: #1BAF97;
}
.menu{
    margin-top: -280px;
}
.options h2{
    display:table-cell; 
    vertical-align:middle
}
.bg-blue{
    background-color: #174380;
}
.nav a:hover{
    color: grey;
}
.w-200px{
    width: 200px;
}
#marcas {
    background-image: url('../images/marcas-bg.png');
    background-size: cover;
    background-position: center;
}