/*
    Document    : style.css
    Created     : February, 16, 2014
    Author      : Chase Adkins
    Description : Default, mobile-first styles.
*/

/* Your custom CSS here: */
/* body {

}
*/

headerNav {
    margin-bottom: 15px;
} 

.wrapper {
    display: flex;
    align-items: stretch;
    width: 100%;
    margin: 0px auto;
}

.sidebar {
    min-width: 250px;
    max-width: 250px;
    min-height: 100vh;
}

.topNav {
    width: fit-content;
    margin: 0% 2%;
}

#myTab {
    justify-content: space-evenly;
}

/*******************************************************************
* Bootstrap Overrides
*/

   .h3, h3 {
       font-size: 1.25rem;
   } 


/*********************************************************************

/* Media Queries - breakpoints follow the defaults in Bootstrap. */

/* Phone (smaller screen) Styles */
@media screen and (max-width: 400px) {

    .nav-link {
        padding: .25rem .5rem;
    }

    a h3  {
        margin-bottom: 0px;
    }
} 

@media screen and (min-width: 640px) {

   
} 

/* Tablet Styles */
@media screen and (min-width: 768px) {
 
}  

/* Tablet Styles */
@media screen and (min-width: 992px) {   

}  

/* Desktop Styles */
@media screen and (min-width: 1200px) {    

}