@font-face {
    font-family: Montserrat-Regular;
    src: url('../fonts/montserrat/Montserrat-Regular.ttf');
}

@font-face {
    font-family: Montserrat-Bold;
    src: url('../fonts/montserrat/Montserrat-Bold.ttf');
}

@font-face {
    font-family: Montserrat-Black;
    src: url('../fonts/montserrat/Montserrat-Black.ttf');
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url('../fonts/montserrat/Montserrat-SemiBold.ttf');
}

@font-face {
    font-family: Montserrat-Medium;
    src: url('../fonts/montserrat/Montserrat-Medium.ttf');
}


.main-container {
    overflow: hidden;
}

.heading-row h1 {
    font-family: Montserrat-Bold, serif;
    font-size: 60px;
    letter-spacing: 1px;
}

.heading-row h2 {
    font-family: Montserrat-Regular, serif;
    font-size: 60px;
    letter-spacing: 1px;
}

.services-col p {
    font-family: Montserrat-Bold, serif;
    font-size: 25px;
    color: black;
    letter-spacing: 1px;
}

.services-col h6 {
    font-family: Montserrat-Regular, serif;
    font-size: 25px;
    color: black;
    letter-spacing: 1px;
}

.services-description p {
    font-family: Montserrat-Regular, serif;
    font-size: 16px;
    color: black;
    margin-left: -15px;
}

i {
    font-size: 25px;
    font-family: Montserrat-Regular, serif;
}

.overlay h1 {
    font-size: 130px;
    font-family: Montserrat-Bold, serif;
    letter-spacing: 10px;
}

.overlay-small h1 {
    font-size: 75px;
    font-family: Montserrat-Bold, serif;
    letter-spacing: 5px;
}

.overlay-all-1 {
    position: absolute;
    z-index: -1;
    top: 61rem;
    left: 5rem;
    opacity: 0.1;
    width: 70%;
}

.overlay-all-2 {
    position: absolute;
    z-index: -1;
    top: 151.5rem;
    left: 6.5rem;
    opacity: 0.1;
    width: 70%;
}

.overlay-all-3 {
    position: absolute;
    z-index: -1;
    top: 216rem;
    left: 6.5rem;
    opacity: 0.1;
    width: 70%;
}

.overlay-kitchen {
    position: absolute;
    z-index: -1;
    top: 87rem;
    left: 12rem;
    opacity: 0.1;
    width: 70%;
}

.overlay-bathroom-1 {
    position: absolute;
    z-index: -1;
    top: 99.6rem;
    left: 28rem;
    opacity: 0.1;
    width: 70%;
}

.overlay-bathroom-2 {
    position: absolute;
    z-index: -1;
    top: 172.5rem;
    left: 28rem;
    opacity: 0.1;
    width: 70%;
}

.overlay-bedroom {
    position: absolute;
    z-index: -1;
    top: 108.5rem;
    left: 13.8rem;
    opacity: 0.1;
    width: 70%;
}

.overlay-balcony-1 {
    position: absolute;
    z-index: -1;
    top: 116.6rem;
    left: 21.6rem;
    opacity: 0.1;
    width: 70%;
}

.overlay-balcony-2 {
    position: absolute;
    z-index: -1;
    top: 181.9rem;
    left: 21.6rem;
    opacity: 0.1;
    width: 70%;
}

.bottom-row h1 {
    font-family: Montserrat-Bold, serif;
    font-size: 50px;
    letter-spacing: 1px;
}

.bottom-row h2 {
    font-family: Montserrat-Regular, serif;
    font-size: 50px;
    letter-spacing: 1px;
}

.bottom-row h3 {
    font-family: Montserrat-Regular, serif;
    font-size: 20px;
    letter-spacing: 1px;
}

@media only screen and (min-width: 321px) and (max-width: 375px) {
    .header-container {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
        padding-bottom: 35px !important;
    }

    .heading-row {
        padding-bottom: 100px;
    }

    .heading-row h1 {
        font-size: 35px;
    }

    .heading-row h2 {
        font-size: 35px;
    }

    .main-container {
        padding: 20px !important;
    }

    .col-12 {
        padding: 0;
    }

    i {
        font-size: 16px;
    }

    .overlay h1 {
        font-size: 55px;
    }

    .overlay-small h1 {
        font-size: 55px;
    }

    .overlay-all-1 {
        top: 45rem;
        left: 3rem;
        width: 0;
    }

    .overlay-kitchen {
        top: 66rem;
        left: 1rem;
        width: 0;
    }

    .overlay-bathroom-1 {
        top: 75.6rem;
        left: 13rem;
        width: 0;
    }

    .overlay-balcony-1 {
        top: 94.6rem;
        left: 1.6rem;
        width: 0;
    }

    .overlay-bedroom {
        top: 85.5rem;
        left: 1.8rem;
        width: 0;
    }

    .overlay-all-2 {
        top: 122.5rem;
        left: 3rem;
        width: 0;
    }

    .overlay-all-3 {
        top: 202rem;
        left: 3rem;
        width: 0;
    }

    .overlay-bathroom-2 {
        top: 150.5rem;
        left: 2rem;
        width: 70%;
    }

    .overlay-balcony-2 {
        top: 158.9rem;
        left: 7.6rem;
        width: 0;
    }

    .warning-row {
        padding: 3rem!important;
    }

    .warning-row img {
        width: 9%;
    }

    .todo-row {
        padding: 1rem;
    }

    .todo-row .col-11 {
        text-align: center !important;
        padding: 0!important;
    }

    .todo-col {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 376px) and (max-width: 413px) {
    .header-container {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
        padding-bottom: 35px !important;
    }

    .heading-row {
        padding-bottom: 100px;
    }

    .heading-row h1 {
        font-size: 35px;
    }

    .heading-row h2 {
        font-size: 35px;
    }

    .main-container {
        padding: 20px !important;
    }

    .col-12 {
        padding: 0;
    }

    i {
        font-size: 16px;
    }

    .overlay h1 {
        font-size: 55px;
    }

    .overlay-small h1 {
        font-size: 55px;
    }

    .overlay-all-1 {
        top: 45rem;
        left: 3rem;
        width: 0;
    }

    .overlay-kitchen {
        top: 63rem;
        left: 1rem;
        width: 0;
    }

    .overlay-bathroom-1 {
        top: 72.6rem;
        left: 13rem;
        width: 0;
    }

    .overlay-balcony-1 {
        top: 89.6rem;
        left: 1.6rem;
        width: 0;
    }

    .overlay-bedroom {
        top: 82.5rem;
        left: 1.8rem;
        width: 0;
    }

    .overlay-all-2 {
        top: 122.5rem;
        left: 3rem;
        width: 0;
    }

    .overlay-all-3 {
        top: 188rem;
        left: 3rem;
        width: 0;
    }

    .overlay-bathroom-2 {
        top: 148.5rem;
        left: 2rem;
        width: 70%;
    }

    .overlay-balcony-2 {
        top: 156.9rem;
        left: 7.6rem;
        width: 0;
    }

    .warning-row {
        padding: 3rem!important;
    }

    .warning-row img {
        width: 9%;
    }

    .todo-row {
        padding: 1rem;
    }

    .todo-row .col-11 {
        text-align: center !important;
        padding: 0!important;
    }

    .todo-col {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 414px) and (max-width: 767px) {
    .header-container {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
        padding-bottom: 35px !important;
    }

    .heading-row {
        padding-bottom: 100px;
    }

    .heading-row h1 {
        font-size: 35px;
    }

    .heading-row h2 {
        font-size: 35px;
    }

    .main-container {
        padding: 20px !important;
    }

    .col-12 {
        padding: 0;
    }

    i {
        font-size: 16px;
    }

    .overlay h1 {
        font-size: 55px;
    }

    .overlay-small h1 {
        font-size: 55px;
    }

    .overlay-all-1 {
        top: 45rem;
        left: 3rem;
        width: 0;
    }

    .overlay-kitchen {
        top: 63rem;
        left: 1rem;
        width: 0;
    }

    .overlay-bathroom-1 {
        top: 72.6rem;
        left: 13rem;
        width: 0;
    }

    .overlay-balcony-1 {
        top: 89.6rem;
        left: 1.6rem;
        width: 0;
    }

    .overlay-bedroom {
        top: 82.5rem;
        left: 1.8rem;
        width: 0;
    }

    .overlay-all-2 {
        top: 122.5rem;
        left: 3rem;
        width: 0;
    }

    .overlay-all-3 {
        top: 188rem;
        left: 3rem;
        width: 0;
    }

    .overlay-bathroom-2 {
        top: 149.5rem;
        left: 2rem;
        width: 70%;
    }

    .overlay-balcony-2 {
        top: 156.9rem;
        left: 7.6rem;
        width: 0;
    }

    .warning-row {
        padding: 3rem!important;
    }

    .warning-row img {
        width: 9%;
    }

    .todo-row {
        padding: 1rem;
    }

    .todo-row .col-11 {
        text-align: center !important;
        padding: 0!important;
    }

    .todo-col {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 320px) {
    .header-container {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
        padding-bottom: 35px !important;
    }

    .heading-row {
        padding-bottom: 100px;
    }

    .heading-row h1 {
        font-size: 35px;
    }

    .heading-row h2 {
        font-size: 35px;
    }

    .main-container {
        padding: 20px !important;
    }

    .col-12 {
        padding: 0;
    }

    i {
        font-size: 16px;
    }

    .overlay h1 {
        font-size: 45px;
    }

    .overlay-small h1 {
        font-size: 45px;
    }

    .overlay-all-1 {
        top: 45rem;
        left: 2rem;
        width: 0;
    }

    .overlay-kitchen {
        top: 70rem;
        left: 0rem;
        width: 0;
    }

    .overlay-bathroom-1 {
        top: 81.6rem;
        left: 9rem;
        width: 0;
    }

    .overlay-balcony-1 {
        top: 95.6rem;
        left: 1.6rem;
        width: 0;
    }

    .overlay-bedroom {
        top: 87.5rem;
        left: 1.8rem;
        width: 0;
    }

    .overlay-all-2 {
        top: 143.5rem;
        left: 4.5rem;
        width: 0;
    }

    .overlay-bathroom-2 {
        top: 162.5rem;
        left: 2rem;
        width: 70%;
    }

    .overlay-balcony-2 {
        top: 169.9rem;
        left: 7.6rem;
        width: 0;
    }

    .overlay-all-3 {
        top: 216rem;
        left: 2.5rem;
        width: 0;
    }

    .warning-row {
        padding: 1.3rem!important;
    }

    .warning-row img {
        width: 9%;
    }

    .todo-row {
        padding: 2rem !important;
    }

    .todo-row .col-11 {
        text-align: center !important;
        padding: 0!important;
    }

    .todo-col {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 1200px) {
    .mobile-section {
        margin-top: 100px;
    }
}