html {
	position:relative;
	min-height:100%;
}
body {
	margin-top:4rem;
	margin-bottom:4rem;
}
img {
	max-width:100%;
}

/*Navbar*/
.spcr, .navbar-brand{
	width:1.5rem;
}
.logo {
	width:6rem;
	position:fixed;
	top:0px;
	z-index:1031;
}
.dropdown-item:hover {
	color: #455680;
}
.ddh {
	background-color:#444444;
	color: #FFFFFF;
}
.ddh:hover {
	background-color:#333333;
	color: #6A86A5;
}

/*Article*/
article {
	background-color:#EFEFEF;
}
article > h3 {
	background-color:#930e50;
	color:#FFFFFF;
}
article > h3 > span {
    float:right;
    font-size:1rem;
    font-weight:normal;
    font-style:italic;
}
article > h3, article > p {
	padding:.25rem;
}
article a {
    color:#6A86A5;
}
article a:hover {
    color:#455680;
}

/*Carousel*/
.carousel img {
	width:100%;
	height:100%;
}

/*Aside*/
aside {
	background-color:#333333;
	color:#FFFFFF;
	padding:1rem;
}
aside h4 {
	text-align:center;
}
aside img {
	width:100%;
}
aside p, aside h4 {
	padding: .25rem;
}
aside table {
	width:100%;
}
aside th {
	color:#BBBBBB;
	text-align:right;
    vertical-align:top;
	padding-right:.5rem;
}
aside a {
	color:#6A86A5;
}
aside a:hover {
	color:#DDDDDD;
}

/*Footer Stuff*/
footer {
	width:100%;
	background-color:#F5F5F5;
	text-align:center;
	position:absolute;
	bottom:0rem;
}
footer .row {
	height:4rem;
}
.social {
	height:1.25rem;
}
.social.em:hover {
	background-color:#429be9;
}
.social.pn:hover {
	background-color:#66f067;
}
.social.fb:hover {
	background-color:#3b5998;
}
.social.tw:hover {
	background-color:#00aced;
}
.social.yt:hover {
	background-color:#bb0000;
}
.social.li:hover {
	background-color:#007bb6;
}
.vid {
    width:100%;
    padding-bottom:56.25%;
    position:relative;
}
.vid > div {
    position:absolute;
    top:0; bottom:0; left:0; right:0;
}