@media (min-width: 100px){
.site-header {
    position: relative;
    background-color: #121f34;
}
.tab-menu-li a {
padding: 10px;
border: 1px solid #0d77b5;
font-size: 1.2rem;
text-decoration: none;
background: #0d77b5;
color: #ffffff;
}

.tab-menu-li {
    list-style: none;
    margin: 20px 5px 0;
}
}

@media screen and (max-width: 1385px) {
 .container-paragraph {
    width: 80%;
}
.path-output-results .container-paragraph {
    width: 90%;
}
.banner--header {
    width: 80%;
}

#block-views-block-evolucao-influenza-block-1 {
    max-width: 80%;
    margin: 0 auto;
}

}


@media screen and (max-width: 1024px) {
  .tab-menu-li a {
    padding: 10px;
    border: 1px solid #0d77b5;
    font-size: 1rem;
    text-decoration: none;
}

.tab-menu-li {
    list-style: none;
    margin: 20px 5px 0;
}
  .social-bar {
    background-color: #143160;
}
.pwa-a2hs-active button {

    font-size: 1.5rem;
}
.paragraph-id--247 {
    margin: 0 auto 70px;
    padding: 0 20px;
}

.wrapper-botao {
    background-color: #51adef;
    padding: 10px 10px;
    max-width: 100%;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    width: calc(100% - 1em);
}

.pwa-a2hs-active button {
    border: 0;
    text-align: left;
    width: 100%;
    display: block;
    padding: 5px 0 0 100px;
    max-width: 100%;
    width: calc(100% - 2em);
}

.pwa-a2hs-active button:before {
    width: 97px;
    height: 48px;
    position: absolute;
    left: 20px;
    background: url(https://letscontrolflu.com/sites/default/files/styles/thumbnail/public/2022-09/pwa_icon-final.png) no-repeat;
    content: '';
    top: 50%;
    background-size: contain;
    transform: translate(-0, -50%);
}

.bottao-app {
    width: 49px;
    margin-right: 20px;
}

#block-logovertical {
    padding: 15px;
    display: none;
}

.menu a {
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 20px;
}

a .menu-title {
    color: #ffffff;
    font-size: 18px;
}

.menu_link_content {
    width: 90px;
}

.container-paragraph {
    flex-wrap: wrap;
}

.container-paragraph {
    width: 90%;
    position: relative;
}

.wrapper__slider {
    height: 60vh;
    display: flex;
}

div.outer__hero:before, div.outer__hero:after {
    content: '';
    position: absolute;
    height: 80px;
    width: 80px;
}

div.inner__hero:before, div.inner__hero:after {
    content: '';
    position: absolute;
    height: 80px;
    width: 80px;
}

.inner__hero:before {
    bottom: -13px;
    left: -13px;
    border-left: 20px solid black;
    border-bottom: 20px solid black;
    border-right: 0;
    border-top: 0;
    border-image: linear-gradient( 269deg, rgb(81,173,239), rgb(126,224,244)) 1;
}

.outer__hero:before {
    left: -13px;
    top: -13px;
    border-left: 20px solid green;
    border-top: 20px solid green;
    border-right: 0;
    border-bottom: 0;
    border-image: linear-gradient( 269deg, rgb(81,173,239), rgb(126,224,244)) 1;
}

.inner__hero:after {
    bottom: -13px;
    right: -13px;
    border-right: 20px solid blue;
    border-bottom: 20px solid blue;
    border-left: 0;
    border-top: 0;
    border-image: linear-gradient( 89deg, rgb(81,173,239), rgb(126,224,244)) 1;
}

.outer__hero:after {
    right: -13px;
    top: -13px;
    border-right: 20px solid red;
    border-top: 20px solid red;
    border-left: 0;
    border-bottom: 0;
    border-image: linear-gradient( 89deg, rgb(81,173,239), rgb(126,224,244)) 1;
}

.outer__hero {
    width: 100%;
    height: 65%;
    background: transparent;
    position: relative;
    padding: 40px;
    display: flex;
}

.field--name-field-big-text {
    margin-bottom: 0;
    margin: 0px;
    padding: 40px 0;
    max-width: 45%;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 30px;
    height: 30px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    padding: 0;
    cursor: pointer;
    margin-bottom: 0;
}

.slick-dots li button:before {
    content: "";
    width: 30px;
    height: 30px;
    background: #ffffff;
}

.field--name-field-big-text {
    margin-bottom: 0;
    margin: 0px;
    padding: 40px 0;
    max-width: 45%;
    width:45%;
}

.container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
}


.inner-paragraph {
    max-width: 100%;
}

h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
}

.node__content {
    font-size: 1.2rem;
    line-height: 1.5;
}

.paragraph-icon {
    width: 40%;
    padding: 0;
}

div#paragraph-id--131:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(20, 49, 96, 0.7);
}

.paragraph-id--130 .container-paragraph, .paragraph-id--131 .container-paragraph {
    display: flex;
    position: relative;
}

.paragraph--type--card-project {
    padding: 40px 0;
    position: relative;
}

.paragraph--type--card-partners .item--itens {
    border: 3px solid #f7f6f6;
    width: 100%;
}

.banner div.outer__hero:before, .banner div.outer__hero:after {
    content: '';
    position: absolute;
    height: 80px;
    width: 80px;
}

.banner div.inner__hero:before, .banner div.inner__hero:after {
    content: '';
    position: absolute;
    height: 80px;
    width: 80px;
}


.inner__hero {
    display: flex;
    align-items: center;
    width: 100%;
}

.icon__title p {
    font-size: 2.75rem;
    line-height: 1.1;
    color: #ffffff;
}

.icon__icon {
    display: none;
}

.col2-paragraph {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}

.country--nome .text-content {
    font-size: 3.5rem;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1;
    margin-left: 15px;
    color: #FFFFFF;
    text-shadow: 2px 2px 5px rgb(33 14 9 / 42%);
}


.wrapper-item-card .item--itens {
    width: 100%;
}

.opener {
    text-transform: uppercase;
    background-color: #51adef;
    color: #FFFFFF;
    padding: 20px 11px 20px 20px;
    font-size: 1.4rem;
    border-radius: 50px;
    line-height: 1;
}

span.h2--azul {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.1;
    color: #51adef;
    line-height: 0.7;
}

.tablefield-wrapper {
    overflow-x: auto;
}

.slick--view--evolucao-influenza .slick__slide {
    width: 100%!important;
}

button.faq-question {
    width: 100%;
    font-size: 1rem;
    text-transform: uppercase;
    background-color: #243e68;
    color: #FFFFFF;
    text-align: left;
    padding: 15px 37px 15px 15px;
    border: 0;
    border-radius: 30px;
}

.faq-question:after {
    content: url(data:image/svg+xml,%3Csvg%20id%3D%22Layer%5f1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.72%2C20.91l6.07-6a2.51%2C2.51%2C0%2C0%2C0-3.54-3.57l-4.31%2C4.28-4.3-4.28A2.51%2C2.51%2C0%2C1%2C0%2C7.1%2C14.88l6.07%2C6A2.51%2C2.51%2C0%2C0%2C0%2C16.72%2C20.91Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    position: absolute;
    right: 20px;
    background-color: #ffffff;
    /* color: red; */
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 20px;
    top: 10px;
}

.faq-answer .align-left {
    float: none;
    max-width: 100%;
    margin-top: 2rem;
    margin-bottom: 0;
}

.faq-answer svg {
    width: 125px!important;
}

.card-lista .paragraph--type--board-or-why-item {
    display: block;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0 auto;
    align-items: center;
}


.wrapper-item-card .item--itens {
    width: 100%;
}

.card-lista .item-icon {
    width: 45%;
    margin-bottom: 20px;
}

#paragraph-id--3:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(20, 49, 96, 0.7);
}

.paragraph-id--19 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.region.region--footer-bottom.grid-full.layout--pass--content-medium.ie11-autorow {
    display: block;
}

#block-logofooter {
    max-width: 300px;
    margin: 0 auto;
}

#block-copyright {
    text-align: left;
    margin: 0 auto;
    max-width: 300px;
}

#block-copyright .text-align-right {
    text-align: left;
    /* margin: 0; */
}

.social-sharing-buttons.footer svg {
    height: 30px;
    width: 30px;
}

#block-menulateraldeopcoes {
    width: auto;
    position: fixed;
    z-index: 999;
    top: 0;
    max-height: 100vh;
    right: -280px;
    height: 100%;
    background: #1f3c6b;
    padding: 25px;
    max-width: 305px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    transition: all 0.25s linear;
}


.acc_button img {
    max-width: 35px;
    width: 100%;
    max-height: 55px;
    margin-right: 15px;
}


.acc_button {
    margin: 15px 0;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    background: #51adef;
    padding: 5px 15px;
    padding-right: 40px;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 70px;
    cursor: pointer;
}

.acc_panel label {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    width: calc(100% - 80px);
}
  
}

@media screen and (max-width: 1200px) {

 .social-bar {
    background-color: #143160;
}

#block-logovertical {
    padding: 15px;
    display: none;
}

.menu a {
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 20px;
}

a .menu-title {
    color: #ffffff;
    font-size: 17px;
    text-align: left;
}

.menu_link_content {
    width: 64px;
}
}