@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
*{
    padding:0;
    margin:0;
    font-family: "Inter", sans-serif;
}
.imagem-destaque{width: 100%; height:500px; object-fit: cover;}
.bree-serif-regular {
    font-family: "Bree Serif", serif;
    font-weight: 400;
    font-style: normal;
  }
.header-container{
    width:1024px;
    margin:10px auto;
}
.nav-bar{
    display:flex;
    justify-content: space-between;
}
.logo{
    display:flex;
    align-items: center;
}
.nav-list{
    display:flex;
    align-items: center;
}
.nav-list ul{
    display:flex;
    justify-content:center;
    list-style: none;
}
.nav-item{
    margin:0 15px;
}
.nav-link{
    font-family: "Bree Serif", serif;
    color:#15636B;
    text-decoration:none;
}
.nav-link:hover{
    border-bottom:2px solid #15636B;
}
.mobile-nav-bar{
    display:none;
}
.mobile-menu{
    display:none;
}
.main-container{
    height:500px;
}
.main-container h2{
    position:relative;
    top:-490px;
    text-align:center;
    font-size:85px;
    font-family: "Bree Serif", serif;
    color:#fff;
    opacity:0.5;
}
.main-container p{
    text-align: center;
}
.main-container a{
    position:relative;
    top:-200px;
    font-size:25px;
    color:#fff;
    text-decoration:none;
    opacity:0.5;
}
main{
    width:1024px;
    margin:20px auto 20px auto;
}
main h3{
    font-family: "Inter", sans-serif;
    font-weight: 300;
    color:#15636B;
    text-decoration:none;
    text-align: center;
    font-size:30px;
}
main h2{
    font-family: "Inter", sans-serif;
    font-weight: 600;
    color:#15636B;
    text-decoration:none;
    text-align: center;
    font-size:20px;
    margin-top:20px;
    font-size:25px;
}
main li{
    text-align:justify;
    margin:20px 0px 20px 0px;
    color:#15636B;
}
p{
    text-align:justify;
    margin:20px 0px 20px 0px;
    color:#15636B;
}
@media screen and (max-width: 1023px) {
    .nav-bar{
        display:none;
    }
    .mobile-nav-bar{
        display:flex;
        justify-content: space-between;
        padding:3px 20px;
    }
    .mobile-menu-icon{
        display:flex;
        justify-content: space-between;
    }
    .mobile-menu-icon button{
        background-color:transparent;
        border:none;
        cursor:pointer;
    }
    .mobile-menu ul{
        display:flex;
        flex-direction: column;
        text-align:center;
        padding-bottom:1rem;
        background-color:#fff;
    }
    .mobile-menu .nav-item{
        display:block;
        padding-top:1.2rem;
    }
    .open{
        display:block;
        position: absolute;
        left: 0px;
        top: 102px;
        z-index:999;
        width:100%;
    }
    .imagem-destaque{width: 100%; height:300px; object-fit: cover;}
    main{
        width:90vw;
    }
    main h2{
        font-size:25px;
    }
    main h3{
        font-size:20px;
    }
    .main-container{
        height:300px;
    }
    .main-container h2{
        position:relative;
        top:-290px;
        text-align:center;
        font-size:40px;
        font-family: "Bree Serif", serif;
        color:#fff;
        opacity:0.5;
    }
    .main-container h3{
        font-size:10px;
    }

    .main-container p{
        text-align: center;
    }
    .main-container a{
        position:relative;
        top:-120px;
        font-size:20px;
        color:#fff;
        text-decoration:none;
        opacity:0.5;
    }
}