/*section*/
section {
    padding: 0 81px;
}

section.small {
    padding: 54px 81px 54px 81px;
}

section.normal {
    padding: 108px 81px 108px 81px;
}

section.medium {
    padding: 162px 81px 162px 81px;
}

section.large {
    padding: 270px 81px 270px 81px;
}

section .none {
    padding: 0;
}
/*section*/
@media screen and (max-width: 1023px) {
    section {
        padding: 0 18px;
    }

    section.small {
        padding: 25px 18px;
    }

    section.normal {
        padding: 45px 18px;
    }

    section.medium {
        padding: 65px 18px;
    }

    section.large {
        padding: 105px 18px;
    }
}

@media screen and (max-width: 768px) {
    section {
        padding: 0 15px;
    }

    section.small {
        padding: 20px 15px;
    }

    section.normal {
        padding: 40px 15px;
    }

    section.medium {
        padding: 60px 15px;
    }

    section.large {
        padding: 100px 15px;
    }
}

@media screen and (max-width: 480px) {
    section {
        padding: 0 10px;
    }

    section.small {
        padding: 15px 10px;
    }

    section.normal {
        padding: 30px 10px;
    }

    section.medium {
        padding: 45px 10px;
    }

    section.large {
        padding: 75px 10px;
    }
}