* {
	font-family: Museo Sans;
}

.body {
	background-image: url(/media/images/grain.png);
}

.navbar .nav-link {
	font-weight: 350;
	font-size: .85em;
}

section {
	min-height: 350px;
}

section img {
	width: 100%;
}

section.s-2 img {
	width: 50%;
}

section h2, .about h2 {
	text-transform: uppercase;
    font-weight: 900;
    font-size: 1.75rem;
    border-bottom: 1px dashed #c0c0c0;
    padding-bottom: 2rem;
}

section p, .about p {
	margin-top: 20px;
    padding-top: 20px;
    font-weight: 300;
}

.about p {
	text-align: justify;
}

section p strong, .about strong {
	font-weight: 500;
}

.about img {
	width: 100%;
}

.btn {
	font-weight: 300 !important;
}

.post {
	border-bottom: 1px solid #c0c0c0;
}

.post:first-child {
	border-top: 1px solid #c0c0c0;
}

.post img.user-icon {
	width: 60px;
}

.post .user .name {
	font-size: 1rem;
	font-weight: 700;
}

.post .user .username a {
	font-size: 1rem;
	font-weight: 300;
	color: #808080;
	text-decoration: none;
}

.post .user .username a:hover {
	text-decoration: underline;
}

.post .text {
	font-size: 1.05rem;
	font-weight: 300;
}

.post .text .datetime {
	font-size: .9rem;
	color: #808080;
}

.post .text .datetime a {
	color: #808080;
	text-decoration: none;
}

.post .text .datetime a:hover {
	text-decoration: underline;
}

.post .stats {
	border-top: 1px solid #c0c0c0;
	color: #808080;
	font-size: .9rem;
}

.post a.a-img {
	text-decoration: none !important;
}

.post .img, .gallery .img {
	display: inline-block;
	width: 150px;
	height: 150px;
	background-size: cover;
	border: 3px solid #FFF;
    filter: grayscale(1);
    opacity: .8;
    cursor: pointer;
}

.post .img:hover, .gallery .img:hover {
	filter: grayscale(0);
    opacity: 1;
}

.post .img-post {
	width: 160px;
	height: 160px;
	cursor: grab;
}

nav .logo {
	display: block;
	width: 50px;
	opacity: 0.9;
}

nav .logo:hover {
	opacity: 1;
}

nav .logo img {
	margin-left: 20px;
	width: 100%;
}

nav .logo .sub {
	font-weight: 900;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #a7999d;
}

nav .items {
	position: absolute;
    right: 0;
    padding-right: 3em;
    text-transform: uppercase;
}

nav .items a {
	margin: 0em 1em;
}

form .form-label {
	text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
}

form .btn {
	margin-top: 30px;
}

.table {
	font-size: 13px;
}

.desc {
	text-align: right;
    text-transform: uppercase;
    font-size: 12px;
    color: #6f6f6f;
}

.post {
	font-size: 15px;
}

.post .name a {
	color: #000;
}

.post .usr, .post .date, .post .date a {
	color: #6f6f6f !important;
}

.login {
	width: 30vw;
}

.login .logo {
	width: 100%;
}

.login .logo-login {
	text-align: center;
	margin: 0 auto;
}

.login .logo-login img {
	width: 80px;
}

.login .logo-login .sub {
	font-weight: 900;
    font-size: 15px;
    text-transform: uppercase;
}

.login input {
	width: 100%;
    border-radius: 4px;
    border: 1px solid #b1b1b1;
    padding: 8px 15px;
}

.login p {
	font-size: 13px;
    color: #f00;
}

.logout {
	cursor: pointer;
}

.gallery {
	margin: 0 auto;
}

.gallery .img {
	width: 15vw;
	height: 15vw;
	border-radius: 8px;
}

.gallery .content {
	text-align: center;
}

footer {
	background-color: #0a4682;
}

footer .content {
	width: 70vw;
	margin: 0 auto;
}

footer img {
	margin: 20px 0px;
	width: 90%;
}

footer p, footer ul {
	width: 70%;
	color: #FFF;
	font-weight: 300;
	font-size: .85rem;
	list-style: none;
	padding: 0;
}

footer p strong, footer ul strong {
	font-weight: 500;
}

footer a {
	color: #FFF;
	text-decoration: none;
}

footer a:hover {
	color: #FFF;
	text-decoration: underline;
}