@charset "utf-8";

@font-face {
    font-family: 'DejaVu Sans';
    src: url('../fonts/dejavu/dejavu-sans-webfont.eot');
    src: url('../fonts/dejavu/dejavu-sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dejavu/dejavu-sans-webfont.woff') format('woff'),
         url('../fonts/dejavu/dejavu-sans-webfont.ttf') format('truetype'),
         url('../fonts/dejavu/dejavu-sans-webfont.svg#DejaVuSansBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
	margin: 0;
	padding: 0;
}

html, body{
	min-height: 100% !important;
	height: 100%;
	margin: 0px;
	padding: 0px;
}


body{
	background-color:#ffffff;
	
	
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	
	
	-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 3s; /* Firefox < 16 */
	-ms-animation: fadein 3s; /* Internet Explorer */
	-o-animation: fadein 3s; /* Opera < 12.1 */
	animation: fadein 3s;
}

@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}


	a{
		text-decoration: none;
		color: #000000;
	}
	
	
	
	.container{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto;
		padding: 0px;
		margin: 0px;
		height: 100%;
		width: 100%;
		
		color:#000000;
		font-family: 'Dejavu Sans';
		font-size: 12px;
		font-style: normal;
		font-variant: normal;
		font-weight: 400;
		line-height: 16px;
		text-align: center;
	}
		

		header{
			grid-row-start: 1;
			grid-row-end: 3;
			justify-self: center;
			align-self: center;
			padding: 10px 0px 0px 0px;
			margin: 0px;
		}
			
			header a{
				color: #dc4437;
			}
		
		main{
			grid-row-start: 3;
			grid-row-end: 4;
			justify-self: center;
			align-self: start;
			padding: 10px 0px 0px 0px;
			margin: 0px;
		}
			
			main a{
				color: #000000;
				transition:color 0.2s ease-in-out;
			}
			
			main a:hover{
				color: #dc4437; 
			}
			
			h1{
				font-size: 46px;
				color: #dc4437;
				padding: 80px 0px 20px 0px;
				margin: 0px 0px 0px 0px;
			}
			
			.header{
				display: block;
				padding: 20px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				font-size: 25px;
				line-height: 30px;
				font-weight: bold;
				font-style: normal;
			}
			
			.subheader{
				display: block;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				font-size: 18px;
				line-height: 30px;
				font-weight: normal;
				font-style: normal;
			}
			
			.subheaderatag{
				display: block;
				padding: 0px 0px 0px 0px;
				font-size: 18px;
				line-height: 30px;
				font-weight: normal;
				font-style: normal;
			}
			.subheaderatag:nth-of-type(1){
				margin: 20px 0px 0px 0px;
			}
			.subheaderatag:nth-of-type(2){
				margin: 0px 0px 0px 0px;
			}
			
			.instagram{
				padding-left: 30px;
				background: url('../images/instagram.png') no-repeat 0px 0px;
				background-size: 25px;
			}
		
		
		footer{
			grid-row-start: 4;
			grid-row-end: 5;
			justify-self: center;
			align-self: end;
			padding: 20px 0px 20px 0px;
			margin: 0px;
		}
			
			.footerinfo{
				
			}


/******************************/
/******** BREAKPOINTS *********/
/******************************/
@media only screen and (max-width: 768px){
	h1{
		padding: 40px 0px 20px 0px;
	}
}