@font-face {
    font-family: 'HankenGrotesk-Regular';

    src: url('../fonts/HankenGrotesk-Regular.woff2') format('woff2');

    font-weight: 400;
    font-style: normal;
}

#are-content {
    transition: opacity 0.35s ease;
}

.are-fade-out {
    opacity: 0;
}

.are-fade-in {
    opacity: 1;
}

img.bg{
    width:100%;
}

.are-content{
    max-width:400px;
    width:100%;
    margin:auto;
}

@media (max-width: 1024px){
    .are-content{
        max-width:100%;
        width:100%;
    }
}