@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Questrial);

html, body {
  margin: 0;
  height: 100%;
  background-color: #FFFFFF;
}

.push{
	margin-top: 50px;
}

* {
  font-family: "Questrial";
  box-sizing: border-box;
}

.thumb {
	padding: 100px 2em 0px 2em;
	width: 100%;
}

video {
	padding: 0px 2em 0px 2em;
	width: 100%;
}

.smthumb {
	padding: 0px 0px 0px 0px;
	width: 100%;
	border-radius: 10px;
	
}

.adcthumb {
	padding: 0px 0px 0px 0px;
	width: 100%;
	
}

.h1 {
    color: #000000;
	padding: 0px 1.3em;
	font-size: 1.5rem;
}

.h2 {
    color: #776b62;
	margin: 0px 40vw 0px 2em;
	font-size: 1rem;
	line-height: 20px;
}

.h3 {
    color: #000000;
	/*padding: 0px 15px 0px 0px;*/
	font-size: 1.5rem;
	line-height: 25px;
}

.h4 {
    color: #776b62;
	/*padding: 0px 15px 0px 0px;*/
	font-size: 1rem;
	margin-bottom: 50px;
}

.h5 {
    color: 000000;
	padding: 0px 1em;
	font-size: 2rem;
	line-height: 40px;
	max-width: 1000px;
}

.h6 {
    color: #666;
	padding: 0px 2em;
	font-size: 1rem;
	line-height: 25px;
	max-width: 750px;
}

.green{
	color: #8bff0e;
}

.blue{
	color: #00aeef;
}

/* * { box-sizing: border-box; }*/

/* STRUCTURE */

.wrapper {
	padding: 0px 1.5em 0px 1.5em;
	width: 100%;
	margin: 0px auto;
}

header {
	padding: 0 15px;
}

.columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 0px 0;
}

.column {
	flex: 1;
	/*border: 1px solid gray;*/
	color: white;
	line-height: 20px;
	margin: 2px;
	padding: 10px;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}

@media screen and (max-width: 980px) {
  .columns .column {
		margin-bottom: 5px;
    flex-basis: 40%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}
}

@media screen and (max-width: 680px) {
	.columns .column {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}

.footer {
	color: #000000;
	margin: 0px 0px 0px 2.5em;
	font-size: .75rem;
}