@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,600');

:root {
 --header_background:#444;
 --main_background:#444;
 --content_background:rgba(31,31,31,1.00);
 --text_color:rgba(95,0,0,1.00);	
 --text_color_over:rgba(143, 143, 143,1);
 --text_body:white;
}


*, *::before, *::after {

}
body {
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;	
	background: var(--main_background);
}

/* navigation styles start here */

.header {
	position: fixed;
    background-color: var(--header_background);
	width: 100%;
}

.header-button {	
	padding: 0 10px 0 10px;
	align-self: center;
}

.header-buttons {
    display: flex;
	justify-content: flex-start;
}

/* Content data */

.content-container {
	padding-top: 80px;
}

.content-row {
	display: flex;
	padding-top: 10px;
	justify-content: center;	
}

.content-column {
	padding-top: 10px;	
	display: flex;
	justify-content: center;	
}


.content-image {
    background: var(--content_background);
    padding: 0 10px 0 10px;	
    border-radius: 10px;	
	display: flex;
	align-items: center;
}

.content-info {
	background: var(--content_background);
	padding: 0 5px 0 5px;
	margin-left: 5px;
	border-radius: 10px;
	font-size: 15px;
	font-family: 'Work Sans', snas-serif;
	color: rgba(143,143,143,1.00);	
	flex: .9;
}


.content-row a:link { 
	color: var(--text_color_over);
}
.content-row a:visited { 
	color: #585858;
}
.content-row a:hover { 
	color: #FFFFFF;

	text-decoration: none;
}
.content-row a:active { 
	color: #333333;
}


.content {
	padding-top: 60px;
	display: flex;
	justify-content: center;
}

.content-image-big {
    width: 99%;
    border-radius: 10px;
    height: 99%;
	max-width: 1021px;
}


/* Footnote data */

footer {
	position: fixed;
	text-align: center;
	z-index: -10;
	box-sizing: border-box;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 15px;
	color: rgba(143,143,143,1.00);
	padding-bottom: 5px;		
}


@media screen and (min-width: 600px) {
	.content-column {
		display: flex;
		justify-content: center;
	}
	
	.header {
		display: flex;
		justify-content: center;
		padding-top: 25px;
	}
	
	.header-buttons {		
		padding-left: 5px;
	}
	.content-info {
		min-width: 500px;
		min-height: 150px;
		max-width: 500px;
	}		
}

@media screen and (min-width: 700px) {
	.content-column {
		display: flex;
		justify-content: center;
	}
	
	.header {
		display: flex;
		justify-content: center;
		padding-top: 25px;
	}
	
	.header-buttons {		
		padding-left: 5px;
	}
	.content-info {
		min-width: 600px;
		min-height: 150px;
		max-width: 600px;
	}		
}

@media screen and (min-width: 800px) {
	.content-info {
		min-width: 700px;
		min-height: 150px;
		max-width: 700px;
	}	
	.content-image {
		display: flex;
		align-items: center;
	}		
}


@media screen and (min-width: 1000px) {
	.content-info {
		min-width: 900px;
		min-height: 150px;
		max-width: 900px;
	}	
	.content-image {
		display: flex;
		align-items: center;
	}	
}