:root {
    --breakpoint-1: 479px;
    --breakpoint-2: 767px;
    --breakpoint-3: 950px;
    --breakpoint-4: 1280px;
    --breakpoint-5: 1500px;
    --breakpointcolor: #000;
}

@media ( 0px <= width < 479px) {

    :root {
        --maxw-content: 100vw;
        --breakpointcolor: #ff6a00;
    }
}

@media ( 479px <= width < 767px) {

    :root {
        --maxw-content: 100vw;
        --breakpointcolor: #ffd800;
    }
}

@media ( 767px <= width < 950px) {
    :root {
        --maxw-content: 100vw;
        --breakpointcolor: #00ffff;
    }
}

@media ( 950px <= width < 1280px) {

    :root {
        --maxw-content: 80vw;
    }
}

@media ( 1280px <= width < 1500px) {

    :root {
        --maxw-content: 1000px;
    }
}

@media ( 1500px <= width) {

    :root {
        --maxw-content: 1000px;
    }
}

body {
    margin: 0px;
    padding: 0px;
    min-height: 100vh !important;
    display: flex;
    flex-direction: column;
}

.maxw-content {
    max-width: var(--maxw-content);
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.section-content {
    max-width: var(--maxw-content);
    display: block;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;

    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}