.menu-part{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;

    width:100%;
    margin-bottom: 2rem;
    border-top: 10px dashed #034234;
    padding-top:2rem;
}
.menu-part h1{
    color:#034234;
}
.unfold-menu h1{
    font-family: 'Lato-blackitalic';
    font-size: 2rem;
    width:80%;
    color:rgb(196, 0, 0);

    margin:0;
    color:white;
    text-shadow: 4px 3px 5px rgb(0, 0, 0); 
}
.unfold-menu{
    display:flex;
    flex-direction:column;
    align-items: center;

    width:400px;
    max-width:40%;
    min-height:10rem;

    border-radius:1rem;
    overflow: hidden;
    box-shadow: 2px 2px 2px 2px rgba(44, 42, 42, 0.75);
}
.unfold-menu-container{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;

    gap:20px;
    margin:2rem;
}

.unfold-menu-arrow{
    height:4rem;
    transform: rotate(90deg);

    margin-top:2rem;
    transition:all 0.3s ease;
    cursor: pointer;
}
.unfold-menu-arrow-active{
    transform: rotate(-90deg);
}
.unfold-menu-arrow:hover{
    height:4.5rem;
    margin-top:1.5rem;
}
.prime-menu{
    display:flex;
    flex-direction:column;
    align-items: center;

    width:100%;
    min-height:7rem;
    background:linear-gradient(45deg,#450707,#c81c1c,#5a0d0d);
    padding:0.5rem;
}
.second-menu{
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: flex-end;

    width:100%;
    overflow: hidden;
    height:5rem;
}
.second-menu-active{
    height:auto;
}
.second-menu a{
    font-family: 'Lato-blackitalic';
    font-size: 1.5rem;
    width:100%;
    height: 100%;

    color:rgb(4, 72, 72);
    text-align: center;
    padding:0.6rem;

}
.second-menu div{
    width:100%;
    height:100%;
    display:flex;
    justify-content: center;
    border-bottom:1px solid black;
}
.second-menu div:hover{
    background: rgb(166, 194, 197) ;
}
.ou{
    font-family: 'Lato-blackitalic';
    font-size: 1.5rem;
    color:rgb(5, 56, 50); 
}






.contact-menu{
    box-shadow: 2px 2px 2px 2px rgba(44, 42, 42, 0.75);
    display:flex;
    flex-direction:column;
    align-items: center;

    width:400px;
    max-width:40%;

    min-height: 14rem;
    height:fit-content;
    border-radius:1rem;
    overflow: hidden;
}

.contact-prime-menu{
    display:flex;
    flex-direction:column;
    align-items: center;

    width:100%;
    min-height:7rem;
    background: linear-gradient(270deg,rgb(2, 34, 34),rgb(5, 84, 84),rgb(3, 53, 53));
    padding:0.5rem;
}
.contact-prime-menu h1{
    font-family: 'Lato-blackitalic';
    font-size: 2rem;
    width:80%;
    margin:0;
    color:white;
    text-shadow: 4px 3px 5px rgb(0, 0, 0); 
}
.contact-us{
    width:100%;
    display:flex;
    justify-content: space-around;
    align-items: center;
}
.contact-us img{
    width:3.5rem;
    transition:all 0.3s ease;
}
.contact-us img:hover{
    width:4rem;
}

.contact-us-part{
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    width:48%;
    height:100%;
}
.contact-us-part h2{
    font-family: 'Lato-blackitalic';
    font-size: 1.3rem;
    text-align: center;
    color:rgb(5, 56, 50);
    width:50%;
}


@media(max-width:800px){
    .unfold-menu{
        width:400px;
        max-width:90% ;
    }
    .contact-menu{
        width:400px;
        max-width:90% ;
    }
    .ou{
        width:100%;
        display:flex;
        justify-content: center;
    }
}