/*===========================
Font Family for Main Section
=============================*/
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900&display=swap');

/*==================
Image Container
====================*/
div.image-container{
	width:95%;
	height:120px;
	margin:auto;
	overflow: hidden;
	margin-bottom:20px;
}
.image-container img{
	width:100%;
}
div.content-container{
	width:95%;
	margin:auto;
}
/*========================================
Admission Dropdown Menu for Small Screens
==========================================*/
div.admission-dropdown-menu p {
	margin-bottom:0;
}
ul.admin-dropdown li{
	boz-sizing:border-box;
	padding:10px 0px 10px 10px;
	border:2px solid #ccc;
	position:relative;
}
.direction{
	position:absolute;
	bottom:18px;
	left:90%;
}
ul.admin-dropdown li:hover{
	background:#ffd800;
}
ul.admin-dropdown li ul{
	position:absolute;
	background:#fff;
	margin-top:10px;
	margin-left:-12px;
	width:100.8%;
	border:2px solid #ccc;
	z-index:100;
}
ul.admin-dropdown li ul li{
	border:0px;
}
#admissionSub li:hover{
	background:rgba(200,197,197,.40);
}
/*======================
Admission Main Section
========================*/
.admissions-info {
	text-align:center;
	padding-bottom:30px;
}
.admissions-info h3{
	padding-bottom:15px;
}
.admissions-info p{
	font-family:"Playfair Display", serif;
	line-height:1.7;
}
main, main h3 {
	position:relative;
}
main{
	height:1200px;
}
main div.admin-p{
	position:absolute;
	top:50px;
}
div.y-rect {
	position:relative;
	height:401px;
	width:50%;
	background:#ffd800;
}
/*============================
Sub Menu for Larger Screeens
==============================*/
.admissions-submenu{
	display:none;
}
/*============================
The Office of Admission
==============================*/
section.admin-office {
	text-align:center;
}
section.admin-office ul li{
	padding:15px;
	border:3px solid #ffd800;
	margin-bottom:30px;
}
section.admin-office ul li:hover{
	background:#ffd800;
}
/*============================
Deadlines & Notices
==============================*/

section.deadline{
	margin-top:50px;
	margin-bottom:50px;
}
section.deadline h4{
	font-size:1.2em;
	margin-bottom:20px;
}
@media(min-width:200px){
	main{height:800px;}
}
@media(min-width:320px){
	main{height:550px;}
}
@media(min-width:440px){
	main{height:500px;}
}
@media(min-width:586px){
	main{height:400px;}
	div.y-rect{height:300px;}
}
@media (min-width:680px){
	/*Image Container*/
	div.image-container{
	width:100%;
	height:290px;
	}
	/*Hide the Smaller Screen Submenu*/
	.admission-dropdown-menu{
		display:none;
	}
	.admissions-submenu{
		display:block;
		width:30%;
		margin-top:52px;
		padding-left:10px;
	}
	.admins-section{
		display:flex;
	}
	.admissions-info{
		width:70%;
		padding-right:20px;
	}
	.admin-office ul {
		display:flex;
		justify-content: center;
	}
	.admin-office li {
		width:298px;
		margin:15px;
	}
	.back-to-top{
		margin-top:20px;
	}
}