body, html{ box-sizing: border-box;}

body{ 
    padding: 0; 
    margin: 0;
    font-family: Industry Inc Base, sans-serif;
}
    
button{ 
    border: none;
    background-color: transparent;
}

ul{ padding: 0; margin: 0;}

h1,h2,h3,h4,h5,h6{ text-transform: uppercase;}

.center{ 
    margin: 2.25rem auto; 
    text-align: center;
}

.left{ 
    margin: 3.25rem 0;
}

.text-center{ text-align: center;}

.navbar{ 
    width: 100%; 
    max-height: 4.25rem; 
    background-color: #303F9F; 
    margin: 0;
}

.navbar-nav{ 
    float: right; 
    margin: 0;
    
}

.navbar-nav li, .dropdown-toggle{ 
    text-transform: uppercase; 
    font-family: Roboto;
    color: #FFFFFF;
    
}

.logo{ 
    float: left; 
    width: 7.5%; 
    height: 100%;
}

.logo img{ width: 100%;}

#main{ 
    max-width: 90%; 
    padding: 0; 
    margin: 4.75rem auto;
}

.dropdown-menu{ border-radius: 0px;}

.row{ 
    max-width: 100%; 
    margin: 1.25rem 0;
}

.no-points{ list-style-type: none;}

.side-pics .col-sm-12 {
    padding: 0; 
    margin-bottom: 1.25rem;
}

.side-pics .col-sm-12 img{ width: 100%; padding: 0;}

.side-pics p{ font-weight: bold;}

.spacer{ 
    width: 100%; 
    height: 2rem; 
    clear: both;
}

.right{ text-align: right;}

.subheader{ 
    font-family: Abel;
    word-spacing: 0.2rem;
    padding: 0.25rem;
}

footer{ 
    padding: 1rem; 
    background-color: #212121;
    max-height: 40%;
    color: #2196F3;
}

#address{ 
    border-left: 0.15rem;
    border-left-style: solid;
    border-left-color: #2196F3;
}

#copyright{ 
    padding-top: 0.75rem; 
    margin-top: 0.5rem;
    border-top: 0.15rem;
    border-top-style: solid;
    border-top-color: #2196F3;
}

.card-img-top{
    max-height: 100%;
    max-width: 100%;
}
div.img:hover {
    border: 1px solid #777;
}

div.img img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 700px){
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px){
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}