*{
    box-sizing: border-box;
}
@media (max-width: 767px){
    .desktop{
        display: none;
    }
}
body{
    max-width: 1400px;
    margin: 0 auto;
    padding: 64px 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 104%;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
}
@media (min-width: 768px){
    body{
        display: flex;
    }
    body > div:first-child{
        width: 33%;
    }
    body > div:last-child{
        width: 66%;
    }
}
body > div:first-child{
    padding: 24px;
}
img{
    max-width: 100%;
    display: block;
    box-shadow: 0 0 8px #e4e4e4;
}
@media (min-width: 960px){
    img{
        float: left;
        width: calc(50% - 48px);
        margin: 24px;
    }
    img:nth-child(2n){
        float: right;
    } 
}
@media (max-width: 959px){
    img{
        margin-bottom: 24px;
    }
    body > div:last-child{
        padding-right: 24px;
    }
}
@media (max-width: 767px){
    body > div:last-child{
        padding-left: 24px;
    }
}
p{
    margin: .5rem 0 1rem 0;
}
.title,.title--s{
    font-family: 'DM Serif Display', serif;
}
.title{
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 1rem;
    margin-top:15rem;
}
@media (max-width: 767px){
    .title{
        margin-top:2rem;
    }
}
.title--s{
    font-size: 1.25rem;
    margin-top: 2rem;
}

a{
    display: inline-block;
    padding: 1rem 3rem;
    background-color: black;
    color: white;
    text-decoration: none;
    font-weight: bold;
    margin: 1rem 0 4rem;
}
a:hover{
    background: rgb(255,114,239);
    background: linear-gradient(127deg, rgba(255,114,239,1) 0%, rgba(15,213,227,1) 100%);
    background: rgb(223,97,147);
    background: linear-gradient(127deg, rgba(223,97,147,1) 0%, rgba(65,197,209,1) 100%);
}