body{
    background: url('../assets/images/sustain/bg.png');
    background-repeat: repeat;
}

#sustain{
    max-width: 1366px;
    margin: 0 auto;
    width: 100%;
}

#sustain .heading{
    color: black;
    font-family: MontserratB;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 20px;
    padding-top: 100px;
}

#sustain .intro, #sustain .boxes{
    width: 100%;
    max-width: 1366px;
    display: grid;
    grid-template-columns: 50% 50%;
}

#sustain .intro-section .image{
    margin-left: 70px;
    margin-top: -30px;
}

#sustain .mannequin{
    width: 100%;
    max-width: 1366px;
    display: grid;
    grid-template-columns: 45% 55%;
}

#sustain .hanger{
    width: 100%;
    max-width: 1366px;
    display: grid;
    grid-template-columns: 55% 45%;
}

#sustain section .text{
    font-family: MontserratR;
    font-size: 18px;
    line-height: 30px;
    padding-top: 20px;
    width: 95%;
}

#sustain section .text .section-heading{
    font-family: MontserratM;
    font-size: 27px;
    line-height: 38px;
    padding-top: 30px;
    padding-bottom: 20px;
}

#sustain section .boxes .text .section-heading{
    padding-top: 80px;
}

#sustain .sustain_wf{
    margin-top: -55px;
}

#sustain .intro_heading{
    font-family: MontserratM;
    font-size: 38px;
    line-height: 50px;
    padding-bottom: 20px;
}

#sustain .hanger-section{
    padding-top: 40px;
}

#sustain .hanger-section .image{
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: -110px;
}

.statement {
    text-align: center;
    padding-top: 130px;
    padding-bottom: 70px;
}

.statement h2 {
    font-family: MontserratM;
    font-size: 40px;
}

@media only screen and (min-width: 1024px) and (max-width: 1365px){
    #sustain{
        max-width: 90%;
    }

    .image{
        margin-top: 69px;
    }

    #sustain .sustain_wf{
        margin-top: 0px;
    }

    #sustain .hanger-section .image{
        margin-top: -30px;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1919px){
    #sustain{
        max-width: 90%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
    #sustain{
        max-width: 90%;
        text-align: justify;
    }

    #sustain section .text{
        text-align: center;
    }

    #sustain .intro, #sustain .boxes, #sustain .hanger, #sustain .mannequin{
        grid-template-columns: 100%;
    }

    #sustain .mannequin-section{
        margin-top: 200px;
    }

    #sustain .hanger-section, #sustain .boxes-section{
        margin-top:200px;
    }

    #sustain .hanger-section .text{
        order: 2;
    }

    #sustain .hanger-section .image{
        order: 1;
    }

    #sustain .intro_heading{
        font-size: 27px;
        line-height: normal;
        text-align: center;
    }

    #sustain .intro-section .image{
        margin-left: 0px;
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px){
    #sustain{
        max-width: 90%;
        text-align: justify;
    }

    #sustain section .text{
        text-align: center;
    }

    #sustain .intro, #sustain .boxes, #sustain .hanger, #sustain .mannequin{
        grid-template-columns: 100%;
    }

    #sustain .mannequin-section{
        margin-top: 120px;
    }

    #sustain .mannequin-section .image{
        text-align: center;
    }

    #sustain .mannequin-section .text img{
        display: block;
        margin: 0 auto;
    }

    #sustain section .text .section-heading {
        font-size: 25px;
    }
    
    #sustain .hanger-section, #sustain .boxes-section{
        margin-top:150px;
    }

    #sustain .hanger-section .text, #sustain .intro-section .text{
        order: 2;
    }

    #sustain .hanger-section .image, #sustain .intro-section .image{
        order: 1;
    }

    #sustain .intro_heading{
        font-size: 27px;
        line-height: normal;
        text-align: center;
    }

    #sustain section .boxes .text .section-heading {
        padding-top: 0px;
    }

    #sustain .intro-section .image{
        margin-left: 0px;
        margin-top: 0px;
    }

}