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;

}

.white{

    color: #FFF;

}

.align-center{

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    align-content: center;

    justify-content: center;

    align-items: center;

}

.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;

}

.bg-red{

    background-color: #b01919

}

.nav a:hover{

    color: grey;

}

.w-200px{

    width: 200px;

}

#marcas {

    background-image: url('../images/marcas-bg.png');

    background-size: cover;

    background-position: center;

}
.dropdown-toggle:focus {
    outline: 0;
    border: none;
    color: gray;
    box-shadow: none;
}