*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    background:#E89149;

    font-family:
        system-ui,
        -apple-system,
        "Segoe UI",
        Arial,
        sans-serif;

    color:#333;

    min-height:20vh;

    display:flex;
    flex-direction:column;

}


.logo{

    width:150px;

}

 a{

    text-decoration:none;

    color:white;

    background:#333;

    padding:7px 15px;

    border-radius:50px;

    transition:.3s;
text-align:center;
    

}

 a:hover{

    background:white;

    color:#333;

}

main{

    flex:1;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:10px;

}

.content{

    background:white;

    width:100%;

    max-width:1500px;

    border-radius:25px;

    padding:50px;

    display:grid;

    grid-template-columns:420px auto;

    gap:60px;

    box-shadow:0 25px 60px rgba(0,0,0,.18);

}

.text{

    display:flex;

    flex-direction:column;

    justify-content:center;

}



.text p{

    line-height:1.8;

    margin-bottom:30px;

}

.text ul{

    margin-left:20px;

}

.text li{

    margin-bottom:14px;

}

.gallery{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:18px;

}

.gallery img{

    width:100%;

    aspect-ratio:1;

    object-fit:cover;

    border-radius:15px;

    box-shadow:0 10px 20px rgba(0,0,0,.15);

    transition:.3s;

}

.gallery img.gross{

    grid-column:span 2;
    grid-row:span 3;

    aspect-ratio:auto;
    height:100%;

}

.gallery img:hover{

    transform:scale(1.05);

    box-shadow:0 18px 35px rgba(0,0,0,.25);

}

footer{


    text-align:center;

}



@media (max-width:1200px){

.content{

grid-template-columns:1fr;

}

.gallery{

grid-template-columns:repeat(3,1fr);

}

}

@media (max-width:700px){

.gallery{

grid-template-columns:repeat(2,1fr);

}

.logo{

width:80px;

}

}