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

html, body {
    font-size: 12px;
    width: 100%;
    height: 100dvh;
    background-color: #F8FAFC;
}

:root {
    --black: #252a2e;
    --mediumBlack: #1c1b1b;
    --lightBlack: #646464;
    --white: #f4f4f4;
    --lightWhite: #fff;
    --red: #C7292A;

    --fontFamily: 'Open Sans', sans-serif;
    --titleWeight: 700;
    --textWeight: 400;

    --maxWidthDesktop: 1000px;
    --maxWidthTablet: 768px;
    --maxWidthMobile: 95%;
}

#app {
    width: 100%;
    height: 100%;
}

.title, .sub-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    color: #000;
}

.sub-title {
    font-size: 1rem;
    color: var(--red);
    margin-bottom: 9px;
    margin-top: 10px;
}

.justify { text-align: justify;}
@media (max-width:681px) {
    html, body { font-size: 14px;}
    .title {font-size: 1.2rem; margin-bottom: 10px; text-align: justify;}
    .sub-title{font-size: .9rem;}
}