html {
    font-family: "Arsenal", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: #c9d1a6;
}
.container {
    position: relative;
}
.header, .footer {
    background-color: white;
    display: flow-root;
    position: relative;
    font-size: 2.2em;
    padding: 20px 30px;
    margin: 50px 0 50px;
    border-radius: 15px;
    float: left;
    width: inherit;
}
.header a, .header a:visited, .header a:hover, .header a:link:active,
.footer a, .footer a:visited, .footer a:hover, .footer a:link:active {
    color: black;
    text-decoration: none;
    font-weight: 600;
}
.header .whatsapp, .footer .whatsapp {
    background: url(images/logo_whatsapp_1.png) no-repeat;
    background-size: 60px;
    padding-left: 70px;
    height: 60px;
    display: block;
    padding-top: 3px;
}
@media only screen and (min-width: 275px) and (max-width: 768px) {
    .header .whatsapp, .footer .whatsapp {
        background-position: 30px 0px;
        padding-left: 20px;
        background-size: 40px;
        font-size: 0.5em;
        text-align: center;
    }
}
.header .email, .footer .email {
    padding-top: 3px;
    display: block;
}
@media only screen and (min-width: 275px) and (max-width: 768px) {
    .header .email, .footer .email {
        text-align: center;
        padding-left: 0;
        background-position: 110px;
        font-size: 0.5em;
    }
}
.logo_foto {
    margin: 50px 0 50px 0px;
    float: left;
    width: inherit;
}
.logo_foto .left {
    margin-bottom: 50px;
}
@media only screen and (min-width: 275px) and (max-width: 768px) {
    .logo_foto .left {
        text-align: center;
    }
}
.logo_foto .left img {
    width: 100%;
}
@media only screen and (min-width: 275px) and (max-width: 768px) {
    .logo_foto .left img {
        width: 80%;
    }
}
@media only screen and (min-width: 275px) and (max-width: 768px) {
    .logo_foto .right {
        text-align: center;
    }
}
.logo_foto .right img {
    width: 100%;
}
@media only screen and (min-width: 275px) and (max-width: 768px) {
    .logo_foto .right img {
        width: 80%;
    }
}
.logo_foto .right p {
    text-align: center;
    font-size: 35px;
    font-family: "Arsenal", sans-serif;
}
.apresentacao {
    text-align: center;
    background-color: white;
    display: flow-root;
    position: relative;
    padding: 10px;
    margin: 50px 0 50px 0;
    border-radius: 15px;
    float: left;
    width: inherit;
}
.apresentacao h1 {
    font-size: 2.2em;
    font-weight: 400;
}
@media only screen and (min-width: 275px) and (max-width: 768px) {
    .apresentacao h1 {
        font-size: 1.5em;
    }
}
.formacao {
    display: flow-root;
    position: relative;
    margin: 50px 0 50px 0;
    float: left;
    width: inherit;
    background-image: url('images/img_profissional.png');
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: center right;
}
.formacao h2 {
    font-size: 2.2em;
    font-weight: 600;
    text-decoration: underline;
    margin-bottom: 30px;
}
@media only screen and (min-width: 275px) and (max-width: 768px) {
    .formacao h2 {
        font-size: 1.5em;
    }
}
.formacao ul {
    list-style: none;
    padding-left: 0;
}
.formacao ul li {
    font-size: 2em;
    font-weight: 400;
}
@media only screen and (min-width: 275px) and (max-width: 768px) {
    .formacao ul li {
        font-size: 1.3em;
    }
}
.bt_whatsapp {
    display: flow-root;
    position: relative;
    margin: 50px 0 50px 0;
    float: left;
    width: inherit;
}
.bt_whatsapp .col {
    display: flex;
    justify-content: center;
}
.bt_whatsapp a, .bt_whatsapp a:visited, .bt_whatsapp a:hover, .bt_whatsapp a:link:active {
    color: black;
    text-decoration: none;
    font-weight: 600;
    font-size: 2em;
}
@media only screen and (min-width: 275px) and (max-width: 768px) {
    .bt_whatsapp a, .bt_whatsapp a:visited, .bt_whatsapp a:hover, .bt_whatsapp a:link:active {
        font-size: 1.1em;
    }
}
.bt_whatsapp a {
    background-color: white;
    position: relative;
    padding: 20px 30px 20px 0px;
    border-radius: 50px;
    width: 550px;
    display: block;
    text-align: center;
}
.bt_whatsapp img {
    width: 12%;
    margin-right: 15px;
}
.especialidades {
    display: flow-root;
    position: relative;
    margin: 50px 0 50px 0;
    float: left;
    width: inherit;
    background-image: url('images/img_especialidades.png');
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: center right;
}
.especialidades h2 {
    font-size: 2.2em;
    font-weight: 600;
    text-decoration: underline;
    margin-bottom: 30px;
}
@media only screen and (min-width: 275px) and (max-width: 768px) {
    .especialidades h2 {
        font-size: 1.5em;
    }
}
.especialidades ul {
    list-style: none;
    padding-left: 0;
}
.especialidades ul li {
    font-size: 2em;
    font-weight: 400;
}
@media only screen and (min-width: 275px) and (max-width: 768px) {
    .especialidades ul li {
        font-size: 1.3em;
    }
}
.mosaico {
    display: flow-root;
    position: relative;
    margin: 50px 0 50px 0;
    float: left;
    width: inherit;
}
.mosaico img {
    width: 100%;
}
.consultorio {
    text-align: center;
    background-color: white;
    display: flow-root;
    position: relative;
    padding: 10px;
    margin: 50px 0 50px 0;
    border-radius: 15px;
    float: left;
    width: inherit;
}
.consultorio h1 {
    font-size: 2.2em;
    font-weight: 400;
}
@media only screen and (min-width: 275px) and (max-width: 768px) {
    .consultorio h1 {
        font-size: 1.5em;
    }
}
.mapa {
    display: flow-root;
    position: relative;
    margin: 50px 0 50px 0;
    float: left;
    width: inherit;
}
.mapa img {
    width: 70%;
}
.mapa a {
    display: block;
    width: 100%;
    text-align: center;
}
.mapa p {
    font-size: 2.2em;
    font-weight: 600;
    text-align: center;
    margin: 30px 0;
}
@media only screen and (min-width: 275px) and (max-width: 768px) {
    .mapa p {
        font-size: 1.5em;
    }
}