/*Set site width*/
/*.grid-container {max-width: 100rem;}*/
i.fab,i.fas{
	margin: .25em;
}

#simple-content-container img{
    max-width: 100%;
}

.slider-image img{
	width:100%;
}

.skip-link {
    background: #ffffff;
    border: 2px solid #284d4d;
    color: #284d4d;
    font-weight: 700;
    left: 10px;
    padding: 8px 12px;
    position: absolute;
    top: -100px;
    z-index: 100000;
}

.skip-link:focus {
    top: 10px;
}

.skip-link:hover,
.skip-link:focus {
    color: #284d4d;
}

.navbar-light .navbar-toggler {
    border-color: #284d4d;
    color: #284d4d;
}

.navbar-light .navbar-toggler:focus {
    box-shadow: 0 0 0 2px rgba(40,77,77,.35);
}


.search-form .search-field {
    background: #ffffff;
    border: 1px solid #6a6a6a;
    border-radius: 3px 0 0 3px;
    box-shadow: none;
    color: #212529;
    margin: 0;
	padding: 4px 10px;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.search-form .search-field::placeholder {
    color: #565656;
}

.search-form .search-field:focus {
    border-color: #284d4d;
    box-shadow: 0 0 0 2px rgba(40,77,77,.25);
    outline: none;
}

.search-form .search-submit {
    align-items: center;
    background: #284d4d;
    border: 1px solid #284d4d;
    border-radius: 0 3px 3px 0;
    color: #ffffff;
    display: flex;
    height: 34px;
    justify-content: center;
    min-width: 38px;
}

.search-form .search-submit:focus {
    box-shadow: 0 0 0 2px rgba(40,77,77,.35);
    outline: none;
}

@media screen and (min-width: 992px) {
    #homepage-images-container {
        margin-top: -24px;
    }
}
/*---MEDIA QUERIES--*/

/* Small only */
@media screen and (max-width: 39.9375em) {

	#site-menu{
		display: block;
	}

}

/* Medium and up  (640px when font-size: 16px)*/
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up   (1024px when font-size: 16px)*/
@media screen and (min-width: 64em) {}

/* Large only   (up to 1200px when font-size: 16px)*/
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}
