.main-directory-container {
	 width: 100%;
}
 .main-directory-container .department-title.faculty-title {
	 font-size: 1.5rem;
	 color: #333;
	 padding: 10px 20px;
	 background-color: #eaeaea;
}
 .main-directory-container .directory-container .card-container {
	 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	 padding: 10px 20px;
	 margin-bottom: 10px;
	 width: 100%;
	 box-sizing: border-box;
}
 .main-directory-container .directory-container .person-card {
	 grid-template-columns: 2fr 3fr;
	 display: grid;
}
 .main-directory-container .directory-container .card-left-container {
	 padding-right: 80px;
}
 .main-directory-container .directory-container .card-grid-container {
	 display: flex;
	 align-items: center;
	 justify-items: center;
	 padding: 10px ;
	 text-align: center;
}
 .main-directory-container .directory-container .card-grid-container a {
	 margin-left: 10px;
	 font-size: 1rem;
	 color: #003c71;
}
 .main-directory-container .directory-container .department-text {
	 font-size: 0.9rem;
	 color: #707070;
	 margin-bottom: 10px;
	 text-transform: uppercase;
}
 .main-directory-container .directory-container .person-name {
	 font-size: 1.2rem;
	 font-weight: 600;
	 margin-bottom: 10px;
}
 .main-directory-container .directory-container .person-title {
	 font-size: 0.9rem;
	 width: 100%;
}
 .main-directory-container .directory-container .social-title {
	 font-size: 1rem;
	 color: #3e3e3e;
	 margin-bottom: 15px;
	 margin-top: 20px;
}
 .main-directory-container .directory-container .social-container {
	 display: flex;
	 align-items: center;
	 flex-wrap: wrap;
}
 .main-directory-container .directory-container .social-icon-container {
	 display: flex;
	 align-items: center;
	 margin-right: 20px;
	 margin-left: 15px;
}
 .main-directory-container .directory-container .social-icon-container a {
	 text-decoration: none;
}
 .main-directory-container .directory-container .social-icon-label {
	 margin-left: 10px;
	 font-size: 1rem;
	 font-weight: 600;
	 color: #003c71;
	 text-decoration: underline;
}
 .main-directory-container .directory-container .cards-link-container{
	 display: flex;
	 margin-top: 15px;
}
 .main-directory-container .directory-open-icon {
	 color: #3e3e3e;
	 float: right;
	 cursor: pointer;
	 padding: 10px;
}
 .main-directory-container .directory-container {
	 display: none;
	 margin-left: 0;
}
 .main-directory-container #directory-drop-0 {
	 display: block;
}
 .main-directory-container #directory-chevron-0 {
	 transform: rotate(180deg);
}
 .main-directory-container .directory-filter-container {
	 display: flex;
	 margin-bottom: 10px;
}
 .main-directory-container .directory-filter-container input {
	 accent-color: black;
}
 .main-directory-container .directory-filter-container .filter-title {
     font-size: 1.2rem;
	 margin-bottom: 10px;
}
 .main-directory-container .directory-filter-container .filter-option {
	 margin-right: 60px;
}
 .main-directory-container .directory-filter-container .filter-option label {
	 margin-right: 10px;
}
 .main-directory-container .directory-filter-container .filter-view {
	 margin-right: 60px;
}
 .directory-filter-container label, .directory-filter-container h3 {
	 font-size: 1.2rem;
	 margin-right: 15px;
}
 .directory-filter-container input[type='radio'] {
	 transform: scale(1.5);
}
 .main-directory-container .filter-option, .filter-view, .filter-name-directory {
	 margin-bottom: 15px;
}


/*-------------MEDIA BREAKPOINTS-----------*/

@media (max-width: 992px) {
	 .main-directory-container .directory-container .person-card {
		 display: block;
	}
	 .main-directory-container .directory-container .social-icon-label {
		 display: none;
	}
	 .main-directory-container .directory-container .social-icon-container {
		 margin: 15px 15px 5px 15px;
	}
	 .main-directory-container .directory-container .social-icon-container i {
		 font-size: 1.5em !important;
	}
	 .main-directory-container .directory-container .card-left-container {
		 padding-right: 20px;
	}
}
@media (max-width: 1200px) {
	 .main-directory-container .directory-container .cards-link-container {
		 display: block;
	}
	 .main-directory-container .directory-container .person-card {
		 grid-template-columns: 3fr 2fr;
	}
	 .main-directory-container .directory-filter-container {
		 display: block;
	}
}