/* Shift img off screen and display background pattern where it was */

.navigation.microsite .main img.accent {
    top: -45px;
    z-index: 2;
    background: url(https://www.towson.edu/presidential-inauguration/images/inaug-header-custom-pattern.jpg);
    background-size: contain;
    padding-right: 1266px;
    left: -1640px;
    max-height: 120px;
}

/*Suppress Tigertooth and Add Background Image on Mid-Size Screens*/

@media only screen and (max-width: 960px) and (min-width: 721px) {
	img.accent {
		display: none;
	}
	.mobile .logo-area-top {
		background: none;
		}
	}

@media only screen and (max-width: 960px) {
	.navigation .mobile img.accent.mobile {
		display: none;
		}
	}

@media only screen and (max-width: 960px) and (min-width: 721px) {
	.mobile .logo-area-top .images {
	    background: url(https://www.towson.edu/presidential-inauguration/images/inaug-header-custom-pattern.jpg) no-repeat -280px;
	    background-size: contain;
		}
	}

@media screen and (max-width: 719px) {
.microsite_content_template .microsite .mobile .logo-area-top.no-logo .images a img {
	max-width: 95%;
	max-height: 80%;
	}
}

@media only screen and (max-width: 720px) {
	.mobile .logo-area-top {
	    background: url(https://www.towson.edu/presidential-inauguration/images/inaug-header-custom-pattern.jpg) no-repeat -120px;
	    background-size: contain;
		}
	}

/* Global Nav Links */
		
.navigation .main ul li a {
	font-size: 1rem;
	}

@media screen and (max-width: 1200px) and (min-width: 960px) {
	.microsite_content_template .navigation .main ul li a {
   		font-size: 1rem;
		}
	}

/* Typography */

.campaign-hero.left .wrap .copy p, .microsite-hero.left .wrap .copy p {
    font-weight: 300;
}

.microsite_content_template .microsite-hero .wrap .copy h1 {
    color: #FB0;
}

/* Fix for margins on carousel */

@media only screen and (max-width: 499px) {
				.microsite_content_template .gallery.above_content .viewport, .gallery.in_content .viewport {
					width: 90vw;
				}
			}