h1,
h1::after {
    font-size: 20px;
}

nav.navbar ul li a.nav-link.active::after,
.works .nav-pills .nav-link.active::after {
    width: 0;
}

input {
    width: 100%;
}

input.name {
    margin-bottom: 15px;
}

.contact-form {
    margin-inline: 5px;
}

textarea {
    width: 94% !important;
    margin-inline: auto;
}

.form-btn {

    left: 5px !important;
}

.about h2 {
    margin-top: 55px;
    margin-bottom: 15px !important;
}

.carousel-indicators {
    top: 280px;
}



@media (min-width: 576px) {}


@media (min-width: 768px) {

    h1,
    h1:after {
        font-size: 4rem;
    }

    nav.navbar ul li a.nav-link.active::after,
    .works .nav-pills .nav-link.active::after {

        left: 8px;

        width: 75%;
    }
}


.contact-form {
    margin-inline: 0;
}

.form-btn {

    left: 10px !important;
}

.about h2 {
    margin-top: 0;
    margin-bottom: 50px;
}





@media (min-width: 992px) {
    .carousel-indicators {
        top: 245px;
    }

    input.name {
        margin-bottom: 0;
    }


    .contact .inner-name {

        padding-right: 10px;
    }

    textarea {
        width: 98.3% !important;
        margin-inline: auto;
    }
}


@media (min-width: 1200px) {}

@media (min-width: 1400px) {}