img {
    max-width: 100%;
}

.navbar-custom {
    background: rgb(79,45,11);
}

h1 {
    font-size: 2.4em;
    }
    .iconholder svg {
        transform: scale(2.6)
    }
    .social svg {
        transform: scale(1.8);
        fill: black;
    }
 
    img {
        max-width: 100%;
    }
    html, body {
        height: 100%;
        margin: 0;
    
    }
    body {
            background: rgba(181,134,72, .3);
    }
    
    a {
        text-decoration: none;
    /* 	color: black; */
    }
        a:hover, a:active {
    /* 	color: black; */
            text-decoration: underline;
        }
    
    .boxes a {
        text-decoration: none;
        color: black;
        cursor: pointer;
    }
    
    
    .card {
        border-color: rgb(79,45,11);
        border-radius: 12px;
    }
        .card-bg {
            background: rgba(255,255,255, .6);
            transition: all .3s;
    }
    .card-bg:hover {
                background: rgba(255,255,255, .8);
    }
        .card-title {
        color: rgb(69, 145, 39);
            transition: all .3s;
        }
        .card-title:hover {
            color: black;
        }
    
    h5 {
        display: inline;
    }
    
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
    .navbar-brand {
        width: 48px;
        font-size: 1.6em;
    }