main .container > h2,
a.iconPost time > span {
    display: none;
}

footer .quickLinks{
	display: none !important;
}

main {
	background: rgb(214,226,225);
}

a.iconPost:visited {
    color: rgb(22,87,81);
}

a.iconPost:hover {
    color: rgb(219,138,9);
}

a.iconPost:active {
    color: rgb(219,138,9);
}

a.iconPost,
a.iconPost:link {
	display: block;
	margin: auto;
}

a.iconPost > h4 > span,
a.iconPost time {
    font: normal 700 0.938em 'Lato', Arial, sans-serif;
    background: rgb(255,255,255);
	text-align: center;
	font-size: .8em;
	letter-spacing: .05em;
	padding: .3em 0;
	border-bottom: 2px rgb(214,226,225) solid;
	color: rgb(114,152,150);
    text-transform: uppercase;
    display: block;
}

a.iconPost time:before {
    content: none;
}

a.iconPost,
a.iconPost:link {
	float: left;
	max-width: 370px;
    font: bold 1.125em 'Lato', Arial, sans-serif;
    color: rgb(22,87,81);
    display: block;
    margin: 1.1em 5.5em 1.1em 0;
}

/*********************************************************
Notices and Events
*********************************************************/
.carousel .carousel-inner div.item:last-of-type a.iconPost{
	margin-right: 0;
}

#newsAndEvents:before{
	display: none;
}

#newsAndEvents {
    list-style: none;
    padding: 0;
    margin: 0;
}

.noticeBox h3 {
	font-family: 'Lato', Arial, sans-serif;
	font-size: 2.5em;
	color: rgb(39,57,68);
	letter-spacing: 10px;
	text-transform: uppercase;
	text-align: center;
	padding: .2em 0 0 0;
	margin: .5em 0 0.2em !important;
}

.noticeText {
	height: 6em;
	width: 22em;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
    font-family: 'Bitter', serif !important;
    font-size: 1em;
    color: rgb(72,72,72);
    margin-bottom: 0;
	background: white;
	padding: .5em;
}

a.iconPost:hover .noticeText,
a.iconPost:hover .noticeText {
	-webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
	background: rgb(114,152,150);
	color: rgb(255,255,255);
}

.eventsBox {
	background: url(../../Images/backgrounds/4.jpg) no-repeat top left;
	background-size: cover;
	max-height: 517px;
	position: relative;
}

.eventsBox time {
	height: 175px;
	width: 182px; 
	display: block;
	font-size: 1.4em!important;
	text-align: center !important;
	color: rgb(255,255,255) !important;
	border-bottom: none !important;
	letter-spacing: .2em !important;
	padding: 2.2em 0 !important;
	margin: auto;
	background: url(../../Images/eventicon.png) no-repeat top !important; 
}

.eventsBox time:hover {
	color: rgb(219,138,9) !important;
	-webkit-transition: color 300ms ease 0s;
    -moz-transition: color 300ms ease 0s;
    -o-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
}

.eventsBox time:first-line {
	font-size: 2.5em;
	font-weight: 200;
	line-height: .8em !important;
	letter-spacing: normal !important;
	text-align: center !important;
	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	time.eventsBox::first-line {
		font-size: 2.5em !important;
		font-weight: 400 !important;
		line-height: .8em !important;
		letter-spacing: normal !important;
	}
}

.eventsBox h3 {
	font-family: 'Lato', Arial, sans-serif;
	font-size: 2.5em;
	color: rgb(227,233,233);
	letter-spacing: 10px;
	text-transform: uppercase;
	text-align: center;
	padding: .5em 0 0 0;
	margin-bottom: .5em !important;
}

.eventsBox h4 {
	color: rgb(255,255,255);
	width: 12em;
	font-family: 'Bitter', serif;
	font-size: 1.1em;
	font-weight: 200;
	text-align: center !important;
	margin: 1em auto !important;
}

.eventDate {
	width: 21em;
}

.eventsBox  a.iconPost, 
.eventsBox  a.iconPost:link {
	margin: 1.1em 0;
	border-right: solid 3px rgb(122,158,163);
	height: 290px;
}


.eventsBox .carousel-inner div.item:first-of-type a.iconPost{
	margin-left: 5.5em;
	
}
.eventsBox .carousel-inner .item:last-of-type a.iconPost{
	border-right: none;
}

.eventIcon {
	position: absolute;
	padding: -13.8em 0 0 5.3em;

}

.eventsBox .bottomLinks a > i {
	color: rgb(219,138,9) !important;
}

.eventsBox .bottomLinks a, 
.eventsBox .bottomLinks a:link {
	color: rgb(255,255,255)!important;
}

.eventsBox .bottomLinks a:visited {
	color: rgb(255,255,255)!important;
}

.eventsBox .bottomLinks a:hover {
	color: rgb(219,138,9) !important;
}

.eventsBox .bottomLinks a:active {
	color: rgb(219,138,9) !important;
}

.eventsBox .bottomLinks a:focus {
	color: rgb(219,138,9) !important;
}

main {
    width: 100%;
    padding: 0;
}

.frmSearch {
    position: absolute;
    top: 15em;
    left: 50%;
    margin-left: -150px;
    z-index: 5;
}

ul.fr h3 {
    font-size: 1.5em;
}

.empty,
.empty-events {
    padding: 0 2em;
}

.empty:before {
    content: "\f05e";
	font-family: 'Font Awesome 5 Pro';
    font-size: 6.5em;
    color: #15a5bb;
    text-align: center;
    display: block;
    margin-left: 0;
    margin-bottom: 0.12em;
}

.empty-events:before {
    content: "\f05e";
	font-family: 'Font Awesome 5 Pro';
    font-size: 6.5em;
    color: #f49f17;
    text-align: center;
    display: block;
    margin-left: 0;
    margin-bottom: 0.12em;
}

.empty a,
.empty a:link,
.bottomLinks a,
.bottomLinks a:link {
    color: #db8a09;
	font-weight: 600;
    display: inline-block;
}

.empty-events p {
	color: #fff;
}

.empty-events a,
.empty-events a:link,
.empty-events a:visited {
    color: #f49f17;
	font-weight: 600;
    display: inline-block;
}

.empty-events a:hover {
	color: #c2d2d1;
}

.empty a:visited,
.bottomLinks a:visited {
    color: #db8a09;
}

.empty a:hover,
.bottomLinks a:hover {
    color: rgb(227,83,13);
}

.empty a:active,
.bottomLinks a:active {
    color: rgb(227,83,13);
}

.bottomLinks {
    text-align: center;
	margin-bottom: 0;
}

.bottomLinks a:before {
	content: none;
}

.bottomLinks a:hover {
	color: rgb(219,138,9) !important;
}

.bottomLinks a:after {
	content: normal;
}

.bottomLinks a,
.bottomLinks a:link {
    font-family: 'Lato', Arial, sans-serif;
    font-weight: 700;
    font-size: 1em;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    margin: 1em 6em 2em 6em;
	color: rgb(72,72,72) !important;
}

.bottomLinks a > i {
	margin-left: .4em;
}


ul.fr .bottomLinks a {
    font-size: 0.7em;
}

.bottomLinks a:before {
    color: rgb(141,166,163);
    margin-left: 0;
    margin-right: 0.5em;
}
.noticeBox {
	position: relative;
	margin-top: -5em;
    z-index: 5;
}

.noticeBox .bottomLinks a > i {
	color: rgb(219,138,9) !important;
}

.noticeBox .bottomLinks a,
.noticeBox .bottomLinks a:link {
    color: rgb(85,85,85) !important;
}

.noticeBox .bottomLinks a:visited {
    color: rgb(85,85,85) !important;
}

.noticeBox .bottomLinks a:hover {
    color: rgb(219,138,9) !important;
}

.noticeBox .bottomLinks a:active {
    color: rgb(219,138,9) !important;
}

.noticeBox .bottomLinks a:focus {
    color:rgb(219,138,9) !important;
}

.noticeBox .empty,
.empty-events {
	min-height: 20em;
}

.footerReg img, h3, h4, p, button {
	float: none;
}

/****************************************************************
Notice Carousel
****************************************************************/

.eventsBox .carousel-control .glyphicon-chevron-right,
.eventsBox .carousel-control .glyphicon-chevron-left,
.eventsBox .carousel-control .icon-prev,
.noticeBox .carousel-control .glyphicon-chevron-right,
.noticeBox .carousel-control .glyphicon-chevron-left,
.noticeBox .carousel-control .icon-prev{
	display: none; 
}

#noticeCarousel .carousel-control {
 	width: 4%; 
}

#eventsCarousel .carousel-control.left,
#eventsCarousel .carousel-control.right,
#noticeCarousel .carousel-control.left,
#noticeCarousel .carousel-control.right {
	margin-left: 15px;
	background-image: none;
}

/****************************************************************
Revised MEDIA QUERY
****************************************************************/


@media only screen
	and (max-width: 1885px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		a.iconPost,
		a.iconPost:link {
    		max-width: 345px;
			margin: 1.1em 3.5em 1.1em 0;
		}
		
		a.iconPost:first-of-type {
			margin-left: 1.5em;
		}
		
		.eventsBox a.iconPost,
		.eventsBox a.iconPost:link {
			margin: 1.1em 0;
			border-right: solid 3px rgb(122,158,163);
			height: 290px;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost {
			margin-left: 6em;
		}
}


@media only screen
	and (max-width: 1800px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		a.iconPost,
		a.iconPost:link {
    		max-width: 330px;
			margin: 1.1em 3.5em 1.1em 0;
		}
		
		a.iconPost:first-of-type {
			margin-left: 1.5em;
		}
		
		.eventsBox a.iconPost,
		.eventsBox a.iconPost:link {
			margin: 1.1em 0;
			border-right: solid 3px rgb(122,158,163);
			height: 290px;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost {
			margin-left: 6.5em;
		}
}


@media only screen
	and (max-width: 1740px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		a.iconPost,
		a.iconPost:link {
    		max-width: 325px;
			margin: 1.1em 2.5em 1.1em 0;
		}
		
		a.iconPost:first-of-type {
			margin-left: 1.5em;
		}
		
		.noticeText {
			font-size: .9em;
		}
		
		a.iconPost > h4 > span,
		a.iconPost time {
    		font-size: .7em;
		}
		
		.eventsBox a.iconPost,
		.eventsBox a.iconPost:link {
			margin: 1.1em 0;
			border-right: solid 3px rgb(122,158,163);
			height: 290px;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost {
			margin-left: 5.5em;
		}
}


@media only screen
	and (max-width: 1670px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		a.iconPost,
		a.iconPost:link {
    		max-width: 325px;
			margin: 1.1em 1.5em 1.1em 0;
		}
		
		a.iconPost:first-of-type {
			margin-left: 1.8em;
		}
		
		.eventsBox a.iconPost,
		.eventsBox a.iconPost:link {
			margin: 1.1em 0;
			border-right: solid 3px rgb(122,158,163);
			height: 290px;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost {
			margin-left: 5em;
		}
}


@media only screen
	and (max-width: 1625px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		a.iconPost,
		a.iconPost:link {
    		max-width: 310px;
			margin: 1.1em 1.5em 1.1em 0;
		}
		
		a.iconPost:first-of-type {
			margin-left: 1.8em;
		}
}


@media only screen
	and (max-width: 1565px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		a.iconPost,
		a.iconPost:link {
    		max-width: 310px;
			margin: 1.1em 1em 1.1em 0;
		}
		
		a.iconPost:first-of-type {
			margin-left: 1.8em;
		}
		
		.eventsBox a.iconPost,
		.eventsBox a.iconPost:link {
			margin: 1.1em 0;
			border-right: solid 3px rgb(122,158,163);
			height: 290px;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost {
			margin-left: 4.5em;
		}
}


@media only screen
	and (max-width: 1540px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		a.iconPost,
		a.iconPost:link {
    		max-width: 300px;
			margin: 1.1em 1em 1.1em 0;
		}
		
		a.iconPost:first-of-type {
			margin-left: 1.8em;
		}
}


@media only screen
	and (max-width: 1540px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		.quickLinks a,
		.quickLinks a:link {
			width: 8.6em;
			height: 8.6em;
		}
		
		.qlCont {
    		font: .8em 'Bitter', serif;
		}
		
		#weather h1 {
			font-size: 25px;
			margin-top: 1.5em;
			margin-bottom: .3em;
			margin-left: -.8em;
		}
		
		a.iconPost,
		a.iconPost:link {
    		max-width: 290px;
			margin: 1.1em 1em 1.1em 0;
		}
		
		a.iconPost:first-of-type {
			margin-left: 1.8em;
		}
}

@media only screen
	and (max-width: 1450px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		a.iconPost,
		a.iconPost:link {
    		max-width: 280px;
			margin: 1.1em 1em 1.1em 0;
		}
		
		a.iconPost:first-of-type {
			margin-left: 1.8em;
		}
}


@media only screen
	and (max-width: 1410px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		a.iconPost,
		a.iconPost:link {
    		max-width: 275px;
			margin: 1.1em 1em 1.1em 0;
		}
		
		a.iconPost:first-of-type {
			margin-left: 1.5em;
		}
		
		.eventsBox a.iconPost,
		.eventsBox a.iconPost:link {
			margin: 1.1em 0;
			border-right: solid 3px rgb(122,158,163);
			height: 290px;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost {
			margin-left: 4em;
		}
}


@media only screen
	and (max-width: 1365px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		a.iconPost,
		a.iconPost:link {
    		max-width: 260px;
			margin: 1.1em .8em 1.1em 0;
		}
		
		a.iconPost:first-of-type {
			margin-left: 1.8em;
		}
		
		.noticeText {
			font-size: .8em;
		}
		
		a.iconPost > h4 > span,
		a.iconPost time {
    		font-size: .6em;
		}
}
@media only screen
	and (max-width: 1350px)
	 {
		
		.quickLinks a,
		.quickLinks a:link {
			width: 8.3em;
			height: 8.3em;
		}
		 
		 
}

@media only screen
	and (max-width: 1315px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		.quickLinks a,
		.quickLinks a:link {
			width: 7.8em;
			height: 7.8em;
		}
		
		.qlCont {
    		font: .8em 'Bitter', serif;
		}
		
		#weather h1 {
			font-size: 25px;
			margin-top: 1.5em;
			margin-bottom: .3em;
			margin-left: -1.1em;
		}
		
		a.iconPost,
		a.iconPost:link {
    		max-width: 255px;
			margin: 1.1em .5em 1.1em 0;
		}
		
		a.iconPost:first-of-type {
			margin-left: 1.8em;
		}
}


@media only screen
	and (max-width: 1275px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		a.iconPost,
		a.iconPost:link {
    		max-width: 250px;
			margin: 1.1em .5em 1.1em 0;
		}
		
		a.iconPost:first-of-type {
			margin-left: 1.5em;
		}
}

@media only screen
	and (max-width: 1256px)
	 {
		
		.quickLinks a,
		.quickLinks a:link {
			width: 7.3em;
			height: 7.3em;
		}
		 
		 
}
@media only screen
	and (max-width: 1230px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		a.iconPost,
		a.iconPost:link {
    		max-width: 250px;
			margin: 1.1em .2em 1.1em 0;
		}
		
		a.iconPost:first-of-type {
			margin-left: 1em;
		}
		
		.eventsBox a.iconPost,
		.eventsBox a.iconPost:link {
			margin: 1.1em 0;
			border-right: solid 3px rgb(122,158,163);
			height: 290px;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost {
			margin-left: 2em;
		}
}


@media only screen
	and (max-width: 1205px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		.quickLinks a,
		.quickLinks a:link {
			width: 6.8em;
			height: 6.8em;
			margin: 1.5em 1em;
		}
		
		.qlCont {
    		font: .75em 'Bitter', serif;
		}
		
		#weather h1 {
			font-size: 25px;
			margin-top: 1.5em;
			margin-bottom: .3em;
			margin-left: -1.1em;
		}
}
	
@media only screen
	and (max-width: 1047px)
	 {
		
		.quickLinks a,
		.quickLinks a:link {
			width: 6.3em;
			height: 6.3em;
		}
		 
		 
}
@media only screen
	and (max-width: 1040px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		.weatherText,
		.qlCont span {
			display:none;
		}
		
		
		
		#weather h1 {
			font-size: 42px;
			margin-left: -1.05em;
			margin-top: 0.3em;
			margin-bottom: .3em;
		}
		
		.quickLinks a i {
    		font-size: 3.3em;
		}
		
		.container {
			max-width: 90% !important;
		}

		a.iconPost,
		a.iconPost:link {
			max-width: 275px;
			margin-left: 37%;
			border: none !important;
		}

		.container.owl-con a.iconPost,
		.container.owl-con a.iconPost:link {
			max-width: initial !important;
			margin: 10px !important;
		}

		.eventsBox .carousel-control .glyphicon-chevron-right,
		.eventsBox .carousel-control .glyphicon-chevron-left,
		.eventsBox .carousel-control .icon-prev,
		.noticeBox .carousel-control .glyphicon-chevron-right,
		.noticeBox .carousel-control .glyphicon-chevron-left,
		.noticeBox .carousel-control .icon-prev {
			display: inherit;
		}
		
		.empty-events .carousel-control .glyphicon-chevron-right,
		.empty-events .carousel-control .glyphicon-chevron-left,
		.empty-events .carousel-control .icon-prev,
		.empty-notice .carousel-control .glyphicon-chevron-right,
		.empty-notice .carousel-control .glyphicon-chevron-left,
		.empty-notice .carousel-control .icon-prev {
			display: none;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost,
		.eventsBox a.iconPost,
		.eventsBox a.iconPost:link {
			margin-bottom: 0;
			margin-left: 35%;
		}
}


@media only screen
	and (max-width: 1024px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		.container {
			max-width: 100% !important;
		}

		.noticeBox {
			margin-top: inherit;
		}
}

@media only screen
	and (max-width: 1024px)
	and (min-width: 1024px)
	and (max-height: 768px)
	and (min-height: 768px) {
		
		a.iconPost, a.iconPost:link {
			margin-left: 4.5%;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost, 
		.eventsBox a.iconPost,
		.eventsBox a.iconPost:link {
			margin-left: 5%;
			border-right: solid 3px rgb(122,158,163);
		}
		
		.eventsBox .carousel-control .glyphicon-chevron-right,
		.eventsBox .carousel-control .glyphicon-chevron-left,
		.eventsBox .carousel-control .icon-prev,
		.noticeBox .carousel-control .glyphicon-chevron-right,
		.noticeBox .carousel-control .glyphicon-chevron-left,
		.noticeBox .carousel-control .icon-prev {
			display: none;
		}
			
}

@media only screen
	and (max-width: 989px)
	 {
		
		.quickLinks a,
		.quickLinks a:link {
			width: 5.8em;
			height: 5.8em;
		}
		 
		 
}
@media only screen
	and (max-width: 970px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		/*a.iconPost,
		a.iconPost:link {
			margin-left: 35%;
		}*/

		.noticeBox {
			margin-top: -5em;
		}
}
@media only screen
	and (max-width: 930px)
	 {
		
		.quickLinks a,
		.quickLinks a:link {
			width: 5.3em;
			height: 5.3em;
		}

		.container.owl-con {
			max-width: initial !important;
		}
}

@media only screen
	and (max-width: 880px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		.quickLinks a,
		.quickLinks a:link {
			width: 5.5em;
			height: 5.5em;
			margin: 2em .5em;
		}
		
		#weather h1 {
			margin-left: -1.2em;
		}
		
		#weather i, #weatherModal i {
    		font-size: 2em;
		}
		
		a.iconPost,
		a.iconPost:link {
			margin-left: 34%;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost,
		.eventsBox a.iconPost,
		.eventsBox a.iconPost:link {
			margin-left: 32%;
		}
} 

@media only screen
	and (max-width: 814px){
	.quickLinks a,
		.quickLinks a:link {
			width: 5.3em;
			height: 5.3em;
			margin: 2em .5em;
		}
}	
	@media only screen
	and (max-width: 756px){
	.quickLinks a,
		.quickLinks a:link {
			width: 5em;
			height: 5em;

		}
}	
@media only screen
	and (max-width: 735px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		.noticeBox h3,
		.eventsBox h3 {
			font-size: 1.5em;
		}
		
		.bottomLinks a,
		.bottomLinks a:link {
    		margin: 1em 2em 2em 2em;
		}
		
		a.iconPost,
		a.iconPost:link {
			margin-left: 30%;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost,
		.eventsBox a.iconPost,
		.eventsBox a.iconPost:link {
			margin-left: 28%;
		}
} 

@media only screen
	and (max-width: 720px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		#weather h1 {
			margin-left: -1.3em;
			font-size: 38px;
			margin-top: 0.1em;
		}
		
		
}

@media only screen
	and (max-width: 630px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		#weather i {
			font-size: 1.8em;
			margin-bottom: 0;
		}
}


@media only screen
	and (max-width: 610px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		.noticeBox h3,
		.eventsBox h3 {
			font-size: 1.5em;
		}
		
		.bottomLinks a,
		.bottomLinks a:link {
    		margin: 1em 2em 2em 2em;
		}
		
		a.iconPost,
		a.iconPost:link {
			margin-left: 25%;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost,
		.eventsBox a.iconPost,
		.eventsBox a.iconPost:link {
			margin-left: 23%;
		}
}


@media only screen
	and (max-width: 560px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		#weather i {
    		margin-right: 0.1em;
		}
}

@media only screen
	and (max-width: 550px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		.quickLinks a, .quickLinks a:link {
			width: 5em;
			height: 5em;
		}
		
		.quickLinks a i {
			font-size: 2.8em;
		}
		
		#weather i {
			margin-right: 0.3em;
		}
		
		.noticeBox h3,
		.eventsBox h3 {
			font-size: 1.2em;
		}
		
		.bottomLinks a,
		.bottomLinks a:link {
    		margin: 1em 1em 2em 1em;
		}
		
		a.iconPost,
		a.iconPost:link {
			margin-left: 22%;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost,
		.eventsBox a.iconPost,
		.eventsBox a.iconPost:link {
			margin-left: 20%;
		}
}


@media only screen
	and (max-width: 470px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		.noticeBox h3,
		.eventsBox h3 {
			font-size: 1.1em;
			letter-spacing: 5px;
		}
		
		.bottomLinks a,
		.bottomLinks a:link {
    		margin: 1em .5em 2em .5em;
			font-size: .8em;
		}
		
		a.iconPost,
		a.iconPost:link {
			margin-left: 22%;
			max-width: 235px;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost,
		.eventsBox a.iconPost,
		.eventsBox a.iconPost:link {
			margin-left: 23%;
		}
}


@media only screen
	and (max-width: 420px)
	/*and (min-width: )*/
	/*and (max-height: 923px)*/
	/*and (min-height: )*/ {
		
		.quickLinks a, .quickLinks a:link {
			width: 4em;
			height: 4em;
		}
		
		.quickLinks a i {
			font-size: 2.2em;
		}
		
		#weather i {
			font-size: 1.5em;
			margin-right: 0.62em;
		}
		
		a.iconPost,
		a.iconPost:link {
			margin-left: 19%;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost,
		.eventsBox a.iconPost,
		.eventsBox a.iconPost:link {
			margin-left: 18%;
		}
}

@media only screen
	and (max-width: 320px)
	/*and (min-width: )*/
	and (max-height: 570px)
	/*and (min-height: )*/ {
		
		h1.siteLogo > a {
			width: 100%;
			height: 2.5em;
		}
		
		.headerTop a, .headerTop a:link {
			font-size: 0.5em;
		}
		
		a.iconPost, a.iconPost:link {
			margin-left: 14%;
		}
		
		.eventsBox .carousel-inner div.item:first-of-type a.iconPost,
		.eventsBox a.iconPost, .eventsBox a.iconPost:link {
			margin-left: 13%;
		}
		
		.btnRegister {
			top: 10em;
			right: 16%;
		}
		
		.appDesc {
			margin: 2em 0 8em 0em;
			padding: 2em 0em 6em 0em;
		}
		
		ul.footerCol3 > li {
			margin-left: 5.5em;
		}
		
		.footerBottom a > span,
		.footerBottom a:link > span {
			font-size: .7em;
		}
		
		ul.footerCol3 > li + li {
			width: 100%;
			margin: 0;
		}
}