/* Temp, remove before go live */
body::after {
	content: "xs <576";
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10000;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	padding: .5rem 1rem;
	pointer-events: none;
}
@media (min-width: 576px) {
body::after {
	content: "sm 576-768";
	}
}

@media (min-width: 768px) {
body::after {
	content: "md 768-992";
	}
}

@media (min-width: 992px) {
body::after {
	content: "lg 992-1200";
	}
}

@media (min-width: 1200px) {
body::after {
	content: "xl 1200-1520";
	}
}
@media (min-width: 1520px) {
body::after {
	content: "xxl >1520";
	}
}
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid #fff;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}