.sidenav-wrapper {
    grid-column: 1 / span 2;
}

.contaw-content {
    display: grid;
    grid-gap: 6px;
    grid-column: 3 / span 11;
    grid-template-columns: repeat(12, 7.5%);

    margin: 50px 0px 50px 0px;
}

.contaw-bigtext {
    grid-column-start: 2;
    grid-column-end: 5;

    height: 160px;
    color: var(--tertiary-color);
    font-size: 45px;
    line-height: 78px;
    font-family: Roboto;
    font-weight: 900;
}

.contaw-smalltext {
    grid-column-start: 2;
    grid-column-end: 12;
    color: var(--tertiary-color);
    font-size: 8px;
    font-family: Roboto;
    font-weight: 500;
}

.contaw-bigtext-alt {
    margin-top: 50px;
    grid-column-start: 2;
    grid-column-end: 13;
}

.contaw-number {
    grid-column-start: 2;
    justify-self: center;
}

.contaw-number-alt {
    grid-column-start: 6;
}

.contaw-text {
    grid-column-start: 6;
    grid-column-end: 11;

    text-align: left;
    height: 138px;
    color: var(--primary-font-color);
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
}

.contaw-text-small {
    grid-column-start: 3;
    grid-column-end: 6;

    height: 200px;
}

.contaw-text-small-alt {
    grid-column-start: 7;
    grid-column-end: 10;

    height: 200px;
}

.contaw-button {
    grid-column-start: 6;
    grid-column-end: 10;

    color: var(--secondary-font-color);
    height: 48px;
    box-shadow: 0 3px 6px var(--shadow-color);
    border-radius: 4px;
    background-color: var(--secondary-color);
    border: none;
    font-size: 18px;
    font-weight: bold;
    outline: none;
    cursor: pointer;
}

.contaw-button:hover {
    background-color: var(--hover-color);
}

@media screen and (max-width: 415px) {
    .contaw-content {
        margin: unset;
        grid-gap: unset;
        grid-template-columns: repeat(4, 25%);
    }

    .contaw-content .contaw-bigtext {
        grid-column-start: 1;
        grid-column-end: 5;
        font-size: 18px;
        height: auto;
    }

    .contaw-content .contaw-bigtext.contaw-bigtext-alt {
        grid-column-start: 1;
        grid-column-end: 5;
        font-size: 18px;
        height: auto;
        margin: unset
    }

    .contaw-content .contaw-text {
        grid-column-start: 1;
        grid-column-end: 5;
    }

    .contaw-content .contaw-button {
        grid-column-start: 1;
        grid-column-end: 5;
        margin-top: 22px;
    }
}

@media screen and (max-width: 415px) {
    .contaw-content .contaw-number {
        display: none;
    }

    .contaw-content .contaw-text-small,
    .contaw-content .contaw-text-small-alt {
        display: none;
    }
}

@media screen and (max-width: 1366px) {
    .contaw-content .contaw-button {
        margin-top: 32px;
    }
}

@media screen and (max-width: 1440px) {
    .sidenav-container p {
        margin-left: 30px !important;
    }

    .sidenav-container a {
        padding: 18px 6px 18px 30px !important;
    }
}