@font-face {
    font-family: Montserrat;
    src: local("../fonts/Montserrat/Montserrat Light"), local("Montserrat-Light"), url(../fonts/Montserrat/Montserrat-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: local("../fonts/Montserrat/Montserrat-Regular"), url(../fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: local("../fonts/Montserrat/Montserrat Medium"), url(../fonts/Montserrat/Montserrat-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: local("../fonts/Montserrat/Montserrat SemiBold"), url(../fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: local("../fonts/Montserrat/Montserrat Bold"), url(../fonts/Montserrat/Montserrat-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

.font-light-M {
    font-weight: 300
}

.font-light-M,
.font-regular-M {
    font-family: Montserrat;
    font-display: auto
}

.font-regular-M {
    font-weight: 400
}

.font-medium-M {
    font-weight: 500
}

.font-medium-M,
.font-semibold-M {
    font-family: Montserrat;
    font-display: auto
}

.font-semibold-M {
    font-weight: 600
}

.font-bold-M {
    font-family: Montserrat;
    font-weight: 700;
    font-display: auto
}

main {
    padding-top: 50px
}

.finished-work {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.finished-work-block {
    width: 66%;
    padding-right: 8%
}

.finished-work h1 {
    font-size: 55px;
    line-height: 67px;
    font-family: Montserrat;
    font-weight: 400;
    font-display: auto;
    margin-bottom: 150px
}

.finished-work .works-carousel .item {
    float: unset;
    width: 100%;
    margin-bottom: 75px
}

.finished-work .works-carousel .item:last-child {
    margin-bottom: 50px
}

.finished-work .works-carousel .item a span {
    font-family: Montserrat;
    font-weight: 500;
    font-display: auto
}

.section {
    margin-bottom: 220px
}

.section:last-child {
    margin-bottom: 0
}

.section h2 {
    font-family: Montserrat;
    font-weight: 400;
    font-display: auto;
    font-size: 40px;
    line-height: 49px;
    margin-bottom: 42px
}

.section .more-works {
    max-width: 480px;
    height: 50px;
    width: 100%
}

@media (min-width:760px) and (max-width:1300px) {
    main {
        padding-top: 50px;
        margin-bottom: 110px
    }

    .finished-work {
        margin-bottom: 0
    }

    .finished-work-block {
        width: 100%;
        padding-right: 0
    }

    .finished-work h1 {
        margin-bottom: 80px
    }

    .section {
        margin-bottom: 100px
    }

    .section:last-child {
        margin-bottom: 0
    }

    .section h2 {
        margin-bottom: 50px
    }
}

@media (max-width:760px) {
    main {
        padding-top: 30px;
        overflow: unset
    }

    .section .more-works{
    	width: calc(100% - 20px);
    	margin-left: 20px;
    }

    .finished-work-block {
        width: 100%;
        padding-right: 0
    }

    .finished-work .works-carousel {
        width: -webkit-calc(100% + 20px);
        width: calc(100% + 20px)
    }

    .finished-work .works-carousel .item {
        margin-bottom: 45px
    }

    .finished-work h1 {
        margin-bottom: 70px;
        font-size: 32px;
        line-height: 40px
    }

    .section {
        margin-bottom: 90px
    }

    .section h2 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 50px
    }
}