.navigation-padding {
    padding-top: 145px
}

.w-full-mobile {
    width: 100%;
}

.w-third {
    width: 33%;
}

.parralax-container {
    height: 80vh;
}

.background-padding {
    padding-top: 30px;
    padding-bottom: 30px;
}

.background-padding-small {
    padding-top: 30px;
    padding-bottom: 30px;
}

.background-padding-top {
    padding-top: 30px;
}

.top-spacing {
    margin-top: 30px;
}

.bottom-spacing {
    margin-bottom: 30px;
}

.verticle-spacing {
    margin-top: 30px;
    margin-bottom: 30px;
}

.outside-spacing {
    padding-left: 2.5em;
    padding-right: 2.5em;
}

.article-spacing {
    padding-top: 120px;
}

.p-no-mobile-container {
    padding: 0;
}

@media only screen and (min-width: 768px) {
    .navigation-padding {
        padding-top: 170px
    }

    .w-full-mobile {
        width: auto;
    }

    .w-third {
        width: fit-content;
    }

    .background-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .background-padding-small {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .background-padding-top {
        padding-top: 40px;
    }

    .top-spacing {
        margin-top: 40px;
    }

    .bottom-spacing {
        margin-bottom: 40px;
    }

    .verticle-spacing {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 991px) {
    .navigation-padding {
        padding-top: 110px
    }

    .p-no-mobile-container {
        padding: auto;
    }

    .background-padding {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .background-padding-small {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .background-padding-top {
        padding-top: 100px;
    }

    .top-spacing {
        margin-top: 100px;
    }

    .bottom-spacing {
        margin-bottom: 100px;
    }

    .verticle-spacing {
        margin-top: 100px;
        margin-bottom: 100px;
    }
}