.full-screen {
    width: 100%;
    min-height: 100vh;
}

.full-width {
    width: 100%;
    /* overflow: hidden; */
}

.flex-column-start-end {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
}

article {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 20px;
    padding-top: 80px;
    padding-bottom: 80px;
}

section {
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.margin-top-20 {
    margin-top: 20px;
}

.responsive-padding {
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (min-width: 678px) {
    .responsive-padding {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media screen and (min-width: 1024px) {
    .responsive-padding {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media screen and (min-width: 1600px) {

    .responsive-padding {
        padding-left: 20vw;
        padding-right: 20vw;
    }
}