@media only screen and (max-width:767px) {
    .dropdown-menu {
        background-color: inherit;
        color: white;
        border: 0px solid white;
    }

    .dropdown-item {
        color: white;
        font-size: 1.2em;
        padding-left: 0;
        text-wrap: wrap;
    }

    .circular_image {
        width: 180px;
        height: 180px;
        border: 4px solid white;
    }

    main h1 {
        margin-bottom: 30px;
        font-size: 2.8em;
    }

    .border-box {
        padding: 15px 30px;
       
    }

    h2.footerlink {
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0; 
        margin-bottom: 0;
    }

    .leaffooter {
        max-width: 65%
    }

    .specialicon {
        max-width: 100%;
    }

    .leafoffcanvas {
        max-width: 50%;
        position: absolute;
        bottom: 20px;
        right: 10px;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: white;
        text-decoration: none;
        background-color: inherit;
    }

    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
        color: #dc9caf;
    }

    .nav-link:hover, header a:hover, .nav-link:focus {
        text-decoration: none;
    }
}