﻿* 
{
margin: 			0;
padding: 			10;
box-sizing: 		border-box;
}

body 
{
color: 				#333333;
font: 				18px 'Open Sans', Arial, sans-serif;
}

a 
{
text-decoration: 	none;
font-weight: 		bold;
}

p  /* P */
{ 
text-indent: 		20px;
text-align:         justify;
}

h2 /* H2 */
{
font-family: 		'Oswald', sans-serif;
font-size: 			150%;
color:				#000000;
border-left: 		22px solid #DFEBF1;
font-weight: 		bold;
padding-left: 		15px; 
}


hr /* HR */ 
{
width:          	100%;
background:     	#3A3C91;
height:         	1px; 
border:         	none;
box-shadow:     	0 0 6px #222222;
margin: 			2em 0;
}



.container 
{
max-width: 			900px;
margin-left: 		auto;
margin-right: 		auto;
padding-left: 		10px;
padding-right: 		10px;
}

.header 
{
min-height: 		calc(100vh - 70px);
padding-top: 		240px;
padding-bottom: 	240px;
padding-left: 		0px;
padding-right: 		0px;
background: 		url('header.jpg') center/cover no-repeat;
color: 				#FFFFFF;
text-shadow: 		0 0 25px rgba(0, 0, 0, 1);
text-align: 		center;
}



	
.header h1 
{
margin-bottom: 		30px;
font-size: 			80px;
}





.nav 
{
position: 			sticky;
top: 				0;
line-height: 		70px;
background: 		#DFEBF1;
}

.nav ul 
{
display: 			flex;
justify-content: 	space-between;
list-style: 		none;
}

.nav li 
{
width: 				100%;
}

.nav a 
{
display: 			block;
text-align: 		center;
color: 				#000000;
text-decoration: 	none;
text-shadow: 		0 0 25px rgba(0, 0, 0, 1);
}

.nav a:hover, .nav a:focus 
{
background: 		#FFFFFF;
}

.section 
{
padding: 			50px 0;
text-align: 		justify;
}

.section:nth-of-type(even) 
{
background: 		#DFEBF1;
}


/*.section *:not(:first-child) 		*/
/*{									*/
/*margin-top: 30px;					*/
/*}									*/


.footer 
{
padding: 			20px;
background: 		#DFEBF1;
text-shadow: 		0 0 25px rgba(0, 0, 0, 1);
}

