@import 'component/variables.css';
@import 'component/fonts.css';
@import 'component/buttons.css';
@import 'component/helpers.css';


body{
    color: var(--text-main);
    font-family: var(--basefont);
    font-weight: 500;
}
h1{
    color: var(--title);
    font-family: var(--basefont);
    font-size: 3rem;
    font-weight: 900;
    margin: var(--space-24);
    line-height:130% ;
    span{
        color: var(--text-main);
        display: block;
    }
}
.content-center{
    text-align: center;
}

footer{
    padding:var(--space-24);
    border-bottom:var(--space-16) solid var(--color-green);
    position: relative;
    figure img{
        position: absolute;
        top: -230px;
        right: 0;
    }
}
.content-working{
    padding-top: var(--space-36);
    width: 100%;
    height: auto;
    min-height: calc(100vh - 80px);
    figure img{
       margin: 0 auto;
    }
    p{
        padding: var(--space-8);
    }
}
@media (max-width:992px) {
    footer {
        font-size: 0.75rem;
        figure img {
            display: none;
        }
    }   
}
/* VERSION MOBILE */
@media (max-width: 768px) {
    .content-working {
        figure img {
            width: 130px;
        }
    }
    h1{font-size: 2rem;}
    footer {
        font-size: 0.75rem;
        figure img {
            display: none;
        }
    }
}