@media screen and (max-width: 980px) {
.part-a1{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;

    padding-top: 10rem;
    width: 100%;
    height: 900px;
}
.part-a1 .text h1{
    width: 500px;
    font-size: 2.2rem;

    color: white;
    font-weight: normal;
}
.part-a1 .text p{
    width: 500px;
    font-size: 1rem;
    color: grey;
}
.part-a1 img{
    width: 500px; 
}
.part-a2{
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column-reverse;
    background-color: white;

    width: 100%;
    height: 780px;
}
.part-a2 h1{
    font-weight: normal;
    font-size: 1.2rem;
    font-weight: normal;

    width: 600px;
}
.part-a2 p{
    font-size: 2rem;
    font-weight: normal;

    width: 600px;
}
.part-a2 img{
    width: 400px;
    border-radius: 1rem;
}
.part-a3{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;

    width: 100%;
    height: 900px;

    font-weight: normal;
}
.part-a3 h1{
    font-size: 2rem;
    font-weight: normal;
    width: 700px;
}
.part-a3 h2{
    font-size: 1.4rem;
    font-weight: normal;
    width: 700px;
}
.part-a3 h3{
    font-size: 1.2rem;
    width: 700px;
    font-weight: normal;
}
.part-a3 p{
    font-size: 1rem;
    width: 700px;
    font-weight: normal;
}
.part-a3 img{
    width: 400px;
    border-radius: 1rem;
}
.part-a4{
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    justify-content: space-around;
    background-color: white;

    width: 100%;
    height: 1000px;

    font-weight: normal;
}
.part-a4 h1{
    font-size: 2rem;
    width: 700px;
    font-weight: normal;
}
.part-a4 h2{
    font-size: 1rem;
    width: 700px;
    font-weight: normal;
}
.part-a4 p{
    width: 700px;
    font-size: .9rem;
    font-weight: normal;
}
.part-a4 img{
    width: 400px;
    border-radius: 1rem;
}
.part-a5{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;

    width: 100%;
    height: 880px;

    font-weight: normal;
}
.part-a5 h1{
    font-size: 2rem;
    width: 600px;
    font-weight: normal;
}
.part-a5 h2{
    font-size: 1.2rem;
    width: 600px;
    font-weight: normal;
}
.part-a5 p{
    font-size: 1rem;
    width: 600px;
    font-weight: normal;
}
.part-a5 img{
    width: 400px;
    border-radius: 1rem;
}
}

@media screen and (max-width: 760px) {
.part-a1{
    padding-top: 5rem;
}
.menu{
    border-bottom: none;
    background: transparent;
}
#burguer{
    display: block;
}
.menu ul{
    width: 100%;
    height: 500px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(5px);
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.1);
    gap: 1rem;

    font-size: 1.4rem;

    display: none;
}
#check:checked ~ ul{
    display: flex;
}
.part-a1 .text h1{
    width: 400px;
    font-size: 2rem;

    color: white;
    font-weight: normal;
}
.part-a1 .text p{
    width: 400px;
    font-size: 1rem;
    color: grey;
}
.part-a2 h1{
    font-weight: normal;
    font-size: 1.3rem;
    font-weight: normal;

    width: 400px;
}
.part-a2 p{
    font-size: 2rem;
    font-weight: normal;

    width: 400px;
}
.part-a3 h1{
    font-size: 2rem;
    font-weight: normal;
    width: 400px;
}
.part-a3 h2{
    font-size: 1.4rem;
    font-weight: normal;
    width: 400px;
}
.part-a3 h3{
    font-size: 1.2rem;
    width: 400px;
    font-weight: normal;
}
.part-a3 p{
    font-size: 1rem;
    width: 400px;
    font-weight: normal;
}
.part-a4 h1{
    font-size: 2rem;
    width: 400px;
    font-weight: normal;
}
.part-a4 h2{
    font-size: 1rem;
    width: 400px;
    font-weight: normal;
}
.part-a4 p{
    width: 400px;
    font-size: .9rem;
    font-weight: normal;
}
.part-a5 h1{
    font-size: 2rem;
    width: 400px;
    font-weight: normal;
}
.part-a5 h2{
    font-size: 1.2rem;
    width: 400px;
    font-weight: normal;
}
.part-a5 p{
    font-size: 1rem;
    width: 400px;
    font-weight: normal;
}
}
@media screen and (max-width: 560px) {
.part-a1{
    padding-top: 5rem;
}
.part-a1 .text h1{
    width: 300px;
    font-size: 2rem;

    color: white;
    font-weight: normal;
}
.part-a1 .text p{
    width: 300px;
    font-size: 1rem;
    color: grey;
}
.part-a1 img{
    width: 300px; 
}
.part-a2 h1{
    font-weight: normal;
    font-size: 1.2rem;
    font-weight: normal;

    width: 300px;
}
.part-a2 p{
    font-size: 2rem;
    font-weight: normal;

    width: 300px;
}
.part-a3 h1{
    font-size: 2rem;
    font-weight: normal;
    width: 300px;
}
.part-a2 img{
    width: 300px;
    border-radius: 1rem;
}
.part-a3 h2{
    font-size: 1.4rem;
    font-weight: normal;
    width: 300px;
}
.part-a3 h3{
    font-size: 1.2rem;
    width: 300px;
    font-weight: normal;
}
.part-a3 p{
    font-size: 1rem;
    width: 300px;
    font-weight: normal;
}
.part-a3 img{
    width: 300px;
    border-radius: 1rem;
}
.part-a4 h1{
    font-size: 2rem;
    width: 300px;
    font-weight: normal;
}
.part-a4 h2{
    font-size: 1rem;
    width: 300px;
    font-weight: normal;
}
.part-a4 p{
    width: 300px;
    font-size: .9rem;
    font-weight: normal;
}
.part-a4 img{
    width: 300px;
    border-radius: 1rem;
}
.part-a5 h1{
    font-size: 2rem;
    width: 300px;
    font-weight: normal;
}
.part-a5 h2{
    font-size: 1.2rem;
    width: 300px;
    font-weight: normal;
}
.part-a5 p{
    font-size: 1rem;
    width: 300px;
    font-weight: normal;
}
.part-a5 img{
    width: 300px;
    border-radius: 1rem;
}
}
@media screen and (max-width: 360px) {
.part-a1 .text h1{
    width: 250px;
    font-size: 2rem;

    color: white;
    font-weight: normal;
}
.part-a1 .text p{
    width: 250px;
    font-size: 1rem;
    color: grey;
}
.part-a1 img{
    width: 250px;
}
.part-a2 h1{
    font-weight: normal;
    font-size: 1.2rem;
    font-weight: normal;

    width: 250px;
}
.part-a2 p{
    font-size: 2rem;
    font-weight: normal;

    width: 250px;
}
.part-a3 h1{
    font-size: 2rem;
    font-weight: normal;
    width: 250px;
}
.part-a2 img{
    width: 250px;
    border-radius: 1rem;
}
.part-a3 h2{
    font-size: 1.4rem;
    font-weight: normal;
    width: 250px;
}
.part-a3 h3{
    font-size: 1.2rem;
    width: 250px;
    font-weight: normal;
}
.part-a3 p{
    font-size: 1rem;
    width: 250px;
    font-weight: normal;
}
.part-a3 img{
    width: 250px;
    border-radius: 1rem;
}
.part-a4 h1{
    font-size: 2rem;
    width: 250px;
    font-weight: normal;
}
.part-a4 h2{
    font-size: 1rem;
    width: 250px;
    font-weight: normal;
}
.part-a4 p{
    width: 250px;
    font-size: .9rem;
    font-weight: normal;
}
.part-a4 img{
    width: 250px;
    border-radius: 1rem;
}
.part-a5 h1{
    font-size: 2rem;
    width: 250px;
    font-weight: normal;
}
.part-a5 h2{
    font-size: 1.2rem;
    width: 250px;
    font-weight: normal;
}
.part-a5 p{
    font-size: 1rem;
    width: 250px;
    font-weight: normal;
}
.part-a5 img{
    width: 250px;
    border-radius: 1rem;
}  
}