/* ==================================================================================== */
@media only screen and (max-width: 1280px){

    .section-container{
        padding-left: 20px;
        padding-right: 20px;
    }

    .register-section .section-container{
        background-position: left -100px bottom 0px,
                             right 100px top 0px,
                             right 0px bottom 0px;
      
        background-size:     360px, 225px, 260px;
    }

}

/* ==================================================================================== */
@media only screen and (max-width: 1100px){

    .register-section .section-container{
        background-position: left -100px bottom 0px,
                             right 0px top 0px,
                             right -50px bottom 0px;
      
        background-size:     300px, 160px, 200px;
    }

}

/* ==================================================================================== */
@media only screen and (max-width: 900px){

    .top-section .column-container {
        flex-direction: column;
    }
    .top-section .column-container .column {
        align-content: start;
        text-align: left;
    }
    .top-section .column-container .column:nth-child(2) {
        flex-basis: 100%;
        text-align: left;
        padding-top: 10px;
    }
    .top-section a{
        padding-left: 0px;
        padding-right: 20px;
    }

    .header-section .column-container {
        flex-direction: column;
        gap: 50px;
    }
    .header-section .column-container .column {
        align-content: center;
        text-align: center;
    }
    .header-section .column:nth-child(1) img{
        width: 300px;
    }

    .register-section .section-container{
        padding-bottom: 100px;
        background-image:    url(../images/ripples-2.svg),
                             url(../images/ripples-3.svg),
                             url(../images/ripples-1.svg);

        background-position: left -50px bottom 0px, 
                             right 0px top 0px, 
                             right -100px bottom 0px;

        background-size:     170px, 160px, 250px;
    }

    .footer-nav-section .column-container {
        flex-direction: column-reverse;
    }

    .footer-nav-section .column-container .column:nth-child(2){
        text-align: left;
        padding-bottom: 10px;
    }

}

/* ==================================================================================== */
@media only screen and (max-width: 700px){

    .br{
        display: none;
    }

    .error-section {
        padding: 125px 0px;
    }
    .error-section::after {content:unset;}

}

/* ==================================================================================== */
@media only screen and (max-width: 500px){

    .footer-nav-section a{
        display: block;
    }

}

/* ==================================================================================== */
@media only screen and (max-width: 450px){

    .header-section .column-container{
        padding: 0px 20px;
    }
    .header-section .column:nth-child(1) img{
        width: 100%;
    }

    .register-section h3 {
        font-size: 7vw;
        line-height: 9vw;
        padding-bottom: 5.4vw;
    }
    
}

/* ==================================================================================== */
@media only screen and (max-width: 425px){

    .top-section a{
        text-wrap: unset;
        display: block;
    }
    
}