*{
    margin: 0;
    /* padding: 0; */
    box-sizing: border-box;
    font-family: "Sora", sans-serif;
}
h1{
font-size: 3rem;
}
p{
    font-size: 1.5rem;
}

a {
  transition: transform 0.3s ease-in;
}

a:hover {
  transform: scale(1.1);
  transition-timing-function: ease-out;
}

header{
    padding: 25px;
    background: #48161A;
    background: linear-gradient(135deg, rgba(72, 22, 26, 1) 0%, rgba(220, 3, 11, 1) 50%);
    display: flex;
    justify-content: center;
}
.menu{
    max-width: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.menu a{
    color: white;
    text-decoration: none;
    padding: 15px 40px;
    background: #181818;
    border-radius: 100px;
}

.separador{
    display: block;
    background:#181818;
    width: 6px;
    height: 100%;
}

.menu img{
    width: 100%;
    max-width: 300px;
}
.section_01{
    background-image: url('/img/bg_main-100.jpg');
}
.section_02{
    background-image: url('/img/bg_sobre-100.jpg');
}
.section_01,.section_02{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main{
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 80px 25px;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.sobre{
    max-width: 1000px;
    display: grid;
    flex-direction: column;
    gap: 2  0px;
    padding: 80px 25px;
    margin: 0 auto;
    gap: 20px;
}

.main h1,.main p{
color: white;
text-align: center;
}

.main h1{
    max-width: 24ch;
}

.main p{
    max-width: 45ch;
}

.main a{
text-decoration: none;
padding: 15px 30px;
background: white;
border-radius: 15px;
font-size: 1.5rem;
/* margin-top: 30px; */
}

.main_img{
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: 0 15px 50px;
    
}

.main_img img{
    
    width: 100%;
    max-width: 1100px;
}
.main .destaque{
    color:#dc030b;
}

footer{
    padding: 25px;
    background: #242424;
    display: flex;
    justify-content: center;
  /* align-items: center; */
}
.footer_content{
    gap: 15px;
    display: flex;
}
footer h3{
    color: #bdbdbd;
}
footer img{
    width: 100%;
    max-width: 125px;
    /* padding: 0 25px; */
}
@media (max-width: 768px) {
h1{
font-size: 1.5rem;
}
h2{
font-size: 1.25rem;
}
h3{
font-size: .7rem;
}
p{
    font-size: .9rem;
}
.menu{
    gap: 8px;
}
.menu a{
    font-size: .7rem;
    white-space: nowrap;
    padding: 10px;
}
.main a{
    font-size: 1rem;
    /* width: 100%; */
}
.menu img{
     max-width: 150px;
}
.separador{
    width: 4px;
    height: 100%;
}
.main{
    padding: 50px 20px;
}
footer img{
    max-width: 100px;
}
.footer_content{
    gap: 5px;
}
.sobre img{
    width: 100%;
    max-width: 100px;
}
.section_01{
    background-image: url('/img/bg_mobile-100.jpg');
    background-position: bottom;
}
.section_02{
    background-image: url('/img/bg_white-100.jpg');
    background-position: top;
    
}
}