ul.navbar-nav > .nav-item > .nav-link {
    text-transform: unset !important;
}
.btn-info {
    background-color: #d3e1ef;
    border-radius: 15px;
    color: #383c40;
    padding: 0.8rem 2.5rem;
    border: 0;
    font-size: 0.8rem;
    letter-spacing: 0.03em;
    font-weight: 700;
}

    .btn-info:hover {
        background-color: #b1c3d4;
        color: #383c40;
    }


@media (min-width: 992px) {
    .w-lg-75 {
        width: 75% !important;
    }
    #section1 {
        padding-top: calc(64px) !important;
    }
}

@media (max-width: 991px) {
    #section1 {
        padding-top: calc(53px) !important;
    }        
}

@media (min-width:768px) {
    .w-md-75 {width: 75% !important;}    
}

@media (max-width:767px) {
    .container {max-width: 90vw;}
}

@media (min-width: 576px) {    
    .w-sm-75 {
        width: 75% !important;
    }
    #section1 {
        background-image: url('../images/section01_bg.webp');
        background-position: center bottom;
        background-size: auto calc(100% + 10px);
        background-repeat: repeat-x;
    }
        #section1 > .container {
            padding-top: 1rem;
        }
}

@media (max-width: 575px) {
    .w-75 {
        width: 75% !important;
    }

    section {
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important
    }

        section[class*=pb-] {
            padding-bottom: 0 !important;
        }

        section[class*=pt-] {
            padding-top: 0 !important;
        }

        section[class*=py-] {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        section[class*=mt-] {
            margin-top: 0 !important;
        }

        section[class*=mb-] {
            margin-bottom: 0 !important;
        }

        section[class*=my-] {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

    #section1 {
        padding-top: calc(54px) !important;
    }

    .container {
        max-width: 100vw !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

        .container .row {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

    div[class*=col-] {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    #section12 span > img { width: 3em !important;}
    #section12 a { font-size: 12px; padding: 10px 25px;}
}