/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-		@RGBJOY
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
*, *::before, *::after {
  box-sizing: inherit;
}

body {
	font-family: 'Roboto', sans-serif;
	background-image: url('../img/bg.jpg');
	background-color: #242021;
	color: #FFF;
}

.wrapper {
	padding: 0 20px;
}

.col-1-3 {
	margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
	.row {
		margin: 0 auto;
		max-width: 906px;
	}

	.row::after {
		content: '';
		display: table;
		clear: both;
	}

	.col {
		float: left;
	}

	.col-1-3 {
		width: 45%;
	}

	.col-2-3 {
		width: 55%;
	}
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-		MISC
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
a {
	color: #FFF;
}

p {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
}

h1, h2, h3 {
	font-family: 'Open Sans', sans-serif;
}

h1 {
	font-size: 20px;
	margin: 0 0 5px 0;
}

h2 {
	font-size: 16px;
	text-transform: uppercase;
	color: #999;
	margin: 0;
}

h3 {
	font-size: 14px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-		HEADEr
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
header {
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	height: 132px;
}

@media screen and (min-width: 768px) {
	header {
		background-position: top center;
	}

}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-		BODY
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section {
	margin: 30px 0;
}

.welcome {
	padding-right: 30px;
}

.footnote {
	border-top: 1px dotted rgba(255,255,255,0.3);
}

.gallery img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

aside {
	line-height: 24px;
	padding: 25px 0;
	color: #DDD;
}

@media screen and (min-width: 768px) {
	aside {
		padding: 25px 10%;
	}
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-		FOOTER
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
footer {
	border-top: 2px solid #FFF;
	padding: 30px 20px;
	background-color: #438dcc;
}