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

body{

    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;

    background:#f5f5f7;

    color:#1d1d1f;

    line-height:1.6;

}

header {
    max-width: 900px;
    margin: 0 auto;
    padding: 80px 24px;
    text-align: left;
}

.logo {
    width: 100px;
    display: block;
    margin-bottom: 24px;
}

h1 {
    font-size: 56px;
    font-weight: 700;
    margin-bottom: 16px;
}

.subtitle {
    color: #6e6e73;
    font-size: 24px;
    margin: 0;
}

section {
    max-width: 900px;
    margin: 80px auto;
    padding: 0 24px;
}

h2{

    text-align:left;

    font-size:36px;

    margin-bottom:24px;

}

.text {
    max-width: 700px;
    margin: 0;
    text-align: left;
    font-size: 20px;
    color: #424245;
}

.chips {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-start;
    margin-top: 24px;
}

.chips span{

    background:white;

    padding:14px 24px;

    border-radius:999px;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

    font-weight:600;

}

.contact {
    text-align: left;
}

.gallery{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:30px;

}

.gallery img{

    width:280px;

    border-radius:24px;

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

    transition:.25s;

}

.gallery img:hover{

    transform:translateY(-8px);

}

a{

    color:#0071e3;

    text-decoration:none;

}

footer{

    text-align:center;

    padding:70px 20px;

    color:#6e6e73;

}

@media (max-width:700px){

    h1{

        font-size:42px;

    }

    .subtitle{

        font-size:20px;

    }

    h2{

        font-size:30px;

    }

    .text{

        font-size:18px;

    }

    .gallery img{

        width:90%;

    }

}