@media(max-width: 800px){

	.wrap-tighter{
		margin-left: 2.5%;
		margin-right: 2.5%;
		width: 95%;
	}

	.header-nav i{
		padding-top: 0.75em;
	}


	.header-top{
		height: 5em;
	}
	.header-top .col-4{
		padding-bottom: 0;
	}
	.header-top .col-8{
		height: 3em;
	}
	.header-top .col-8 ul{
		float: none;
		height: 3em;
		width: 100%;
	}
	.header-top .col-8 ul li{
		align-items: center;
		display: flex;
		float: left;
		height: 3em;
		justify-content: center;
		line-height: 0.60em !important;
		margin-right: 0!important;
		text-align: center;
		width: 12.5%;
	}
	.header-top .col-8 ul li a{
		align-items: center;
		display: flex;
		justify-content: center;
	}
	.header-top .col-8 ul li i{
		display: none;
	}
	.header-top .col-8 ul li img{
		display: none;
	}

	/* NAV ON SIDEBAR */
	.sidebar-right .sidebar-nav{
		display: none;
	}
	.sidebar-right .nav{
		display: block;
		float: none;
		height: auto;
	}
	.sidebar-right .nav ul{
		width: 100%;
	}
	.sidebar-right .nav li{
		background: #333;
		border-bottom: 1px solid #0e4c90;
		display: block;
		float: none;
		height: auto;
		padding: 0;
		position: initial;
		text-align: center;
		width: 100%;
	}
	.sidebar-right .nav li:hover > ul{
		display: none;
	}
	.sidebar-right .nav li a{
		color: #e5dbc0;
		font-size: 1.25em;
		line-height: 2.5em;
		padding: 0;
	}
	.sidebar-right .nav li ul{
		position: initial;
	}
	.sidebar-right .nav li ul li{
		background: #0e4c90;
	}
	.sidebar-right .nav li ul li a{
		color: white;
		font-size: 0.875em;
		line-height: 1em;
		padding: 0.625em 0;
	}
	
	.sidebar-nav li ul{
		display: none;
	}

	.sidebar-right .hide-mob-nav{
		display: none !important;
	}


	.home-splash-box{
		height: 14em;
	}

	.page-section-image{
		max-width: 100%;
		margin-left: 0;
		width: 100%;
	}

	.sub-boxes nav ul li{
		float: left;
		height: 10em;
		margin-right: 4%;
		width: 48%;
	}

	.sub-boxes nav li:nth-child(2n){
		margin-right: 0;
	}

	/* CAMPUS INFO */
	.campus img{
		float: none;
		margin-left: 0;
		margin-top: 1.5em;
		width: 100%;
	}

	/* EMPLOYEE DIRECTORY */
	.employees-sort{
		width: 100%;
	}

	.employee-image, .employee-info{
		clear: none !important;
		margin: 0 !important;
		width: 20%;
	}

	.employee-info{
		padding-left: 5% !important;
		width: 75%;
	}

	/* FOOTER */
	.footer-middle{
		margin-top: 2em;
		position: relative;
		width: 100%;
	}
	.social-media li{
		display: inline-block;
		float: none;
		margin: 0 0.25em;
		width: auto;
	}

	p.legal{
		margin-bottom: 0;
	}

	footer .hashtag{
		margin-left: 30%;
		width: 40%;
	}

	.find-direction {
		width: 15%;
		float: none;
		margin: auto;
		padding-top: 1em;
		display: block;
	}

	/* SEARCH CHANGES */
	.search input {
		margin-left: 7%;
	}
	.search-common .col-6{
		padding-bottom: 0;
	}
	.search-common strong, .search-common li{
		text-align: center;
	}

	/***************Employee Info*******************/
	.employee-info-column {
		width: 100%;
	}
	
	.employee-info-column1 {
		width: 100%;
	}

	/***********Employee Directory Columns**************/
	.employee-column {
		flex: 50%;
		max-width: 50%;
        font-weight: 600;
		padding-left: .5em;
		padding-right: .5em;
	}

	.new-directory {
		width: 75%;
		margin-left: auto;
		margin-right: auto;
		grid-template-columns: 1fr;
	}

	.new-directory-search {
		width: 75%;
		margin-left: auto;
		margin-right: auto;
		grid-template-columns: 1fr;
		gap: 0em;
	}

	.employee-img {
		border: 4px solid #fff;
	}

	/***************Events Calendar********************/
	.event-modal-title {
        font-size: small;
    }
    .event-modal-date {
        font-size: xx-small;
    }
    .employee-column {
        flex: 50%;
        max-width: 50%;
        font-weight: 600;
    }

	/*******************Announcement*********************/
	.announcement-container {
        padding-top: 0;
        grid-template-columns: none;
    }
	body {
        font-size:8px
    }
    .news-text-block {
        font-size: 14px;
    }

	.inline-button-link {
		border-radius: 4px;
	}

	/***********Announcement Slider Arrows******************/
	.slider-arrow {
		font-size: 50px;
    	top:calc(50% - (50px / 2));
	}
	.slider-arrow-left{
		left:2%
	}
	.slider-arrow-right{
		right:2%
	}

}

@media(max-width: 600px) {

	/***********Announcement Slider Arrows******************/
	.slider-arrow {
		font-size: 30px;
    	top:calc(50% - (30px / 2));
	}
	.slider-arrow-left{
		left:2%
	}
	.slider-arrow-right{
		right:2%
	}

	/*********Employee Directory***********/
	.employee-column {
		flex: 100%;
		max-width: 100%;
        font-weight: 600;
		height: auto;
		aspect-ratio: auto 300 / 200;
	}

	/*******Homepage Top and Bottom Image Sections*******/
    .hero-box {
        width: 75%;
        margin: 0 auto;
        text-align: center;
    }
    .hero-desc {
        font-size: 1.25em;
    }
    .hero-desc-bottom {
        padding-bottom: 1.5em;
    }
    .back-img {
        height: 30em;
    }
    .back-img-bottom {
        height: 35em;
    }
}