JustalK/PORTFOLIO

@import (reference) "libs/constants.less";
@import (reference) "libs/mixins.less";
 
#PORTFOLIO {
    position: relative;
    overflow: hidden;
 
    &.locked {
        pointer-events: none;
    }
 
    & > div {
        margin: auto;
        max-width: 1200px;
        width: 100%;
        position: relative;
    }
}
 
@media screen and (max-width: @SCREEN_1800) {
    #PORTFOLIO > div {
        max-width: 1200px;
    }
}
 
@media screen and (max-width: @SCREEN_1500) {
    #PORTFOLIO > div {
        max-width: 1000px;
    }
}
 
@media screen and (max-width: @SCREEN_1400) {
    #PORTFOLIO > div {
        max-width: 900px;
    }
}
 
@media screen and (max-width: @SCREEN_1200) {
    #PORTFOLIO > div {
        max-width: 800px;
    }
}
 
@media screen and (max-width: @SCREEN_1100) {
    #PORTFOLIO > div {
        max-width: 700px;
    }
}
 
@media screen and (max-width: @SCREEN_900) {
    #PORTFOLIO > div {
        width: 90%;
        margin: auto;
    }
}