body{
    margin: 0;
    font-family: arial;
}

img{
	max-width:100%;
}

a{
	text-decoration:none;
}

.content{
	position:relative;
}

.content img{
	width:100%;
}

.pager{
	position: absolute;
    top: 0;
    left: 0;
	z-index: 1;
}

.pager a{
    position: fixed;
    top: 50%;
    font-size: 90px;
    color: #fff;
    text-decoration: none;
    font-family: monospace;
    transform: translateY(-50%);
    text-shadow: 0px 0px 3px #000;
}

.pager a.prev{
	left:10px;
}

.pager a.next{
	right:10px;
}

.navbar{
	position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: #013C69;
    color: #fff;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px -3px 10px #000;
    z-index: 2;
}

.blair .navbar{
	background:#25783C;
	margin-bottom: -5px;
}

.cis .navbar{
	background:#F27F2D;
}

.marshall .navbar{
	background:#00295C;
}

.muir .navbar{
	background:#272C6C;
}

.phs .navbar{
	background:#AB1B12;
}

.rose-city .navbar{
	background:#F15422;
}

.navbar a{
	color:#fff;
}

.navbar-l{
	width:10%;
}

.navbar-r{
	width:90%;
	text-align:right;
}

.navbar-r a{
    margin-right: 10px;
    margin-top: 3px;
    display: inline-block;
}

.menu-burger{
    margin-left: 10px;
    cursor: pointer;
    width: 30px;
}

.menu-burger span{
    display: block;
    background: #fff;
    width: 25px;
    height: 4px;
    margin: 4px 0;
}

.menu{
    position: absolute;
    top: 48px;
    background: #333;
    padding: 15px 10px;
	display:none;
}

.menu.active{
	display:block;
}

.menu ul{
    margin: 0;
    list-style: none;
    padding: 0;
	text-transform: uppercase;
}

.menu ul li{
	margin: 13px 0 0;
    border-top: 1px solid #444;
    padding-top: 13px;
}

.menu ul li:first-child{
	margin-top:0;
	padding-top:0;
	border:none;
}

.link1{
    position: absolute;
    width: 25vw;
    height: 5vw;
    display: block;
    bottom: 2.6vw;
    right: 2vw;
    z-index: 2;
}

.home .link1{
    width: 32vw;
    height: 6vw;
    bottom: 2.6vw;
    left: 50%;
	right:initial;
    transform: translateX(-50%);
}



@media screen and (max-width:500px){
	.navbar-r a {
		margin-top: -3px;
		font-size: 13px;
		width: 170px;
		text-align: center;
	}
	
	.menu{
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	
	.menu ul{
		padding-left:10px;
		padding-right:10px;
	}
	
	.menu ul li{
		font-size: 12px;
		margin-top: 10px;
		padding-top: 10px;
	}
	
	.pager a{
	    font-size: 50px;
	}
}