@media (min-width:1400px) {
    
.hero-content h1 {
  font-size: 400%;
}


.container {
    width: 1281px;
    height: 768px;
   
    
}


.introduce .country {
    font-size: 1rem;
   
}

.introduce .place {
    font-size: 4rem;
}

.introduce .describe {
    max-width: 90%;
    font-size: 0.8rem;
}

.espaco1 {
    width: 520px;
    height: 340px;
    margin-left: 1rem;
}

.espaco3 {
    margin-left: 1rem;

}

.sociostxt {
    font-size: 1.6rem;
}

.carrossel9 span {
        padding-left: 1rem;
    }
}


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

    
.hero-content h1 {
  font-size: 350%;
}


.container {
    width: 1160px;
    height: 768px;
}

.introduce .country {
    font-size: 1rem;
   
}

.introduce .place {
    font-size: 3.5rem;
}

.introduce .describe {
    max-width: 80%;
    font-size: 0.8rem;
}


.introduce .wrapper:nth-child(5) .place  {
    font-size: 3rem;
}

.introduce .wrapper:nth-child(010) .place  {
    font-size: 3rem;
}


.espaco1 {
    width: 450px;
    height: 340px;
    margin-left: 1rem;
}


.espaco2 {
    width: 322px;
    height: 345px;
    background-color: #ffffff;
    border-radius: 50px;
}



.espaco4 {
    width: 453px;
    height: 565px;
    background-color: #ffffff;
    border-radius: 50px;
    margin-top: 1.5rem;
}

.espaco5 {
    width: 320px;
    height: 574px;
    background-color: #ffffff;
    border-radius: 50px;
    margin-top: 1rem;
}

.espaco3 {
    width: 355px;
    height: 930px;

}


.sociostxt {
    font-size: 1.4rem;
}

.carrossel9 span {
        padding-left: 10rem;
    }

}


@media (min-width:1000px) and (max-width:1199.98px) {
    
     
.hero-content h1 {
  font-size: 330%;
}

.container1 {
    width: 28rem;
    height:8rem;
}

.text h1 {
    font-size: 2.7rem;
}


.container2 {
    width: 28rem;
    height:6rem;
}

.text h1 {
    font-size: 2.7rem;
}

.container {
    width: 400px;
    height: 768px;
}


}

@media (max-width:1200px) {

    nav h2 {
        font-size: 1rem;
    }
    
    .header img {
        width: 4rem;
    }

    
.main-menu ul {
    display: none;
}   

.main-menu {
    display: none;

}

.esfera1, .esfera2 {
      width: 45px;  
    height: 45px;
}

.esfera1 img, .esfera2 img {
        max-width: 45%; 
    padding-right: 2.5rem;
    padding-bottom: 0.3rem;
}

.container1, .container2 {
    display: none;
}

.hero-content {
    padding-top: 20rem;
}

.hero-content h1{
    font-size: 4rem;
}

.hero-content h2{
    font-size: 1.5rem;
}

.container3 {
    font-size: 1rem;
}

.container {
    width: 480px;
}

button {
    font-size: 0.8rem;
}

.introduce .describe {
   font-size: 1rem;
   max-width: 70%;
}

.introduce .place {
    font-size: 1.2rem;
}

.introduce .discover-button {
    width: 130px;
}

.introduce .wrapper:nth-child(4) .place  {
    font-size: 1.2rem;
    max-width: 90%;
}

.introduce .wrapper:nth-child(5) .place  {
    font-size: 1.2rem;
}

.introduce .wrapper:nth-child(6) .place  {
    max-width: 90%;
    margin-top: 230px;
}


.introduce .wrapper:nth-child(14) .place  {
    font-size: 1.2rem;
    max-width: 90%;
}

.introduce .wrapper:nth-child(15) .place  {
    font-size: 1.2rem;
}


.introduce .wrapper:nth-child(4) .place  {
    font-size: 1.2rem;
    max-width: 90%;
}

.introduce .wrapper:nth-child(10) .place  {
    font-size: 1.2rem;
}



.container5 {
    display: none;
}

.container7 {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
}

.socios  {
    width: 450px;
}

.socios img {
    width: 100%;
}

.sociostxt {
    width: 80%;
    font-size: 1.3rem;
    text-align: center;
}

}