@font-face{
    font-family: headerFont;
    src: url(KGOneMoreLight.ttf);
}


@media (max-width:575px){
.btn-lg{
        font-size:1em;
    }
    .tool-logo{
        width:10%;
        margin-right:5%;
    }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .btn-lg{
        font-size:1em;
    }
    .tool-logo{
        max-width:10%;
        margin-right:5%;
    }
    .carousel-art{
        width:100%;
        margin:auto;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .btn-lg{
        font-size:1em;
    }
    .tool-logo{
        width:10%;
        margin-right:5%;
    }
    .carousel-art{
        width:70%;
        margin:auto;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .btn-lg{
        font-size:2em;
    }
    .tool-logo{
        width:10%;
        margin-right:5%;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .btn{
        font-size:1.25em;
    }
    .tool-logo{
        width:7%;
        margin-right:5%;
    }


}/* --------------------------------------*/

body{
    padding:0% !important;
}

button:focus {
    outline:0;
}

.container-fluid{
    padding:0%;
    margin:0%;
    width:auto;
}

.navbar{
    padding: 0% 5%;
    margin:auto;
    z-index:5;
    background:white;

}
.btn{
    background:transparent;
}

.navbar-nav{
    margin:auto;
    width:100%;
}

.nav-item{
    width:25%;
}

.header{
    top:0%;
    max-width:100%;
    z-index:-1;
}

.navbar-toggler-icon{
    border-style:solid;
    border-radius: 3px;

}
.head-img{
    width:100%;
}

.content{
    margin: 0% 1%;
    z-index:-1;
}

.navbar-expand-sm{
    margin:0%;
}

.about-content, .projects-content, .contact-content{
    margin: 0% 2%;
}

.card-body{
    padding:4%;
}

.card{
    margin:auto;
    height:100%;
}
.col-md-4{
    margin-top:3%;
}

.about-tile{
    padding-top:2%;
    border-style:solid;
}

.row{
    margin: 0% !important;
}

.resume-btn{
    font-size:12pt;
}

.art-header{
    margin-top:3%;
}

.about-imgs{
    width:100%;
}

.footer{
    margin:2%;
}

.art-slides{
    width:100%;
}

.ham{
    border-color:none !important;
}