body {

    font-family: 'Fira Code', monospace;   
}

#contact-link {

    background-color: black !important;
}

/*
    .height {min-height: 50vh;}
*/





#content-pane {
    /*
    overflow: hidden;
    */
  }


.height-2{

    min-height: 100vh;

}

h3{
    color: white;
}


.main-border {
    border-width: 5px !important;
}

/*
    background image style
*/
.main-picture {

    background: url(../images/frame.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: repeat;    
}



#banner-text {
    font-size: 1em;
    font-weight: 700;
    background-color: black;
    opacity: .7;    
}

.rounded {
    border-radius: 40;
}

.circle {
    border-radius: 100;
}



.btn, a:hover{
    text-decoration: none;
    background-color: black !important;
}

span{
    font-weight: 800;
}

button a {
    font-weight: 800;
}

/* Carousel */

button span:hover, a:hover {
    background-color: black;
}

.no-margin-md-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
  background-color: black;
}

a.carousel-control-next {
    background-color: #343a40 !important;
    width: 5%;    
}

a.carousel-control-prev {
    background-color: #343a40 !important;
    width: 5%;    
}


.height {
    min-height: 50vh;
}


/****
    Small screens less than (-)375px wide
*/
@media (max-width: 375px){

    
    .main-picture-vertical {
        
        background: url(../images/frame-vertical.jpg)!important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;         
    }
}

/****
    Small screens less than (-)500px wide
*/
@media (max-width: 500px){
    
    .slider-text-height{
        min-height: 200px !important;
    }
    
    .height {
        min-height: 75vh;
    }    
}


/****
    All screens greater than small (+)375px wide
*/
@media (min-width: 990px){

    
    .height-card{
        min-height: 250px !important;
    }

    .height {
        min-height: 50vh;
        max-height: 50vh;
        max-width: 75%;
    }

}

.ajax-content-item {

    width: 100%;
}


#static-image-container {
    width: 100% !important;
}

/****
    All screens greater than (+)667px wide
*/
@media (min-width: 667px){

    
    #static-image-container{
        width: 75% !important;
    }



}