@charset "UTF-8";
/* CSS Document */

head,body{
	width: 100%;
	color: #FF0;
}

body{
	background: url(NDStudentCouncil4.1608x801.jpg) no-repeat center;
	background-size: contain;
	background-attachment: fixed;
	font-size: 1vw;
	background-position: 15% 0% 20% 0%;
	background-color: #a5d9f7;
}

h1{
	/* [disabled]text-align: right; */
}

header {
	color: blue;
	background-color: #a5d9f7;
	text-align: center;
	font-size: 250%;
	/* [disabled]margin: 0 0 0 0; */
	/* [disabled]padding: 0 0 0 0; */
	display: block;
	top: 0%;
	position: absolute;
	left: 0%;
	width: 100%;
}

nav {
	font-family: "Arial Black", Gadget, sans-serif;
}

nav a {
	color: blue;
	background-color: #a5d9f7;
	font-style: normal;
	font-size: 1vw;
	text-decoration: none;
}

nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #a5d9f7;
}

nav li {
    float: left;
}

nav li a, .dropbtn {
    display: inline-block;
    color: blue;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

nav li a:hover, .dropdown:hover .dropbtn {
	background-color: white;
	color: blue;
}

nav li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
	color: blue;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.facebook{
	float: right;
	top: 3%;
	right: 5%;
	width: 10%;
	position: fixed;
}

.mainhead{
	float: none;
	text-align: center;
	font-size: 200%;
	position: absolute;
	top: 35%;
	left: 35%;
}

.reunionblock {
	background-color: #a5d9f7;
	color: blue;
	width: 50%;
	height: 35%;
	position: fixed;
	top: 30%;
	left: 20%;
	font-size: 2vw;
	padding: 2%;
	text-align: center;
	border: solid white 2px;
}

.donotskipblock {
	background-color: #a5d9f7;
	color: blue;
	width: 33%;
	height: 18%;
	position: fixed;
	top: 52%;
	left: 8%;
	font-size: 2vw;
	padding: 2%;
	text-align: center;
	border: solid white 2px;
}
#contact {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1vw;
}

.reunionblock a {
	color: blue;
	background-color: #a5d9f7;
	font-style: normal;
	font-size: 2vw;
	text-decoration: underline;
}

.donotskipblock a {
	color: blue;
	background-color: #a5d9f7;
	font-style: normal;
	font-size: 2vw;
	text-decoration: none;
}
.reunionblock h3 {
	margin-top: 0;
}

.merceroaks {
	/* [disabled]background-color: #a5d9f7; */
	color: blue;
	/* [disabled]width: 50%; */
	/* [disabled]height: 35%; */
	position: fixed;
	top: 21%;
	left: 65%;
	font-size: 2vw;
	padding: 2%;
	text-align: center;
	/* [disabled]border: solid white 2px; */
	z-index: 3;
}

.map-responsive {
	/* [disabled]background-color: #a5d9f7; */
	/* [disabled]color: blue; */
	/* [disabled]width: 23%; */
	height: 0%;
	position: relative;
	/* [disabled]top: 10%; */
	/* [disabled]left: 2%; */
	/* [disabled]font-size: 2vw; */
	/* [disabled]padding: 2%; */
	/* [disabled]text-align: center; */
	/* [disabled]border: solid white 2px; */
	/* [disabled]z-index: 4; */
	overflow: hidden;
	padding-bottom: 56.25%;
	/* [disabled]padding-top: 10%; */
	/* [disabled]right: 70%; */
	/* [disabled]margin-bottom: 25%; */
	/* [disabled]margin: 0; */
}

.map-responsive iframe {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
}

.photobody {
	position: absolute;
	top: 30%;
}

footer {
	color: blue;
	background-color: #a5d9f7;
	text-align: center;
	font-size: 250%;
	/* [disabled]margin: 0 0 0 0; */
	/* [disabled]padding: 0 0 0 0; */
	display: block;
	bottom: 0%;
	position: absolute;
	left: 0%;
	width: 100%;
}
#defaultCountdown{
	/* [disabled]width: 30%; */
	/* [disabled]height: 45px; */
	/* [disabled]position: fixed; */
	/* [disabled]bottom: 10%; */
	/* [disabled]margin: auto; */
	/* [disabled]left: 30%; */
}