/* Body and bancground banner */
body {
background-color: white;
 
background-size: contain;
background-repeat: no-repeat; 
}


.logo_container {
background-color: black
}



.logo_container >img {
  display: block;
    margin-left: auto;
    margin-right: auto;
    width: 15%;
}



/* Navigation Bar */
.nav {
  	background-color:    ;	 
  	color: #ffffff;
	opacity: 0.;
  	list-style: none;
  	text-align: center;
  	padding: 20px 0 20px 0;
	position: fixed;
	width: 100%;
	z-index: 100;
	margin-top: 0;
	overflow: auto
}

/* Links inside the navbar */
.nav > li {
  	display: inline-block;
  	padding: 0 25px 0 10px;
	float: right;
	padding-right: 20px;
	margin-right: 30px;
}

.nav > li > a {
	text-decoration: none;
	color: white;
	font-family: 'Roboto Condensed', sans-serif;	
	font-size: 12px
}

.nav > li > a:hover {
  	color: #F04E23;
  	font-size: 12px; 
  	-webkit-transition: .5s all;      
}

.nav .current {
    text-decoration: none;
    border-bottom:1px solid white; padding-bottom:8px
}

/* Navigation Bar - H1 */
.nav_container > h1 {
    color: white;
    font-size: 40px;
    padding-top: 70px;
	padding-left: 180px;
	font-family: 'Roboto Condensed', sans-serif;
}

/* Container for pictures */
.picture_box {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 2em;
    margin-top: 75px;
    font-family: 'Roboto', sans-serif;
    color: white;
	background-color:  
}

.picture_box > div > h2 {
	color: black;
	font-family: 'Roboto Condensed', sans-serif;
}

.picture_box > div > p {
	color: black;
	font-family: 'Roboto Condensed', sans-serif;
}

/* Pictures inside container */
.picture_box > div > img {
    display: block;
    margin: 40px auto 0px auto;
	width: 480px;
	height: 299px
}

.picture_box > div > p {
    display: block;
    margin: 40px auto 0px auto;
	width: 460px;
	height: 150px;
	background-color:  
}


.picture_box > div {
    padding: 1em;
    background-color:  ;
    text-align: center    
}

.picture_box > div:nth-child(odd) {
    background-color:  	
}

.download {
    background-color: dimgray;
    display: block;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 14px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px 10px 10px
	
}

.download > a {
    text-align: center;   
	text-decoration: none;
	color: #ffffff;
	font-family: 'Roboto Condensed', sans-serif;	
}



.footer {
    background-color: black;
    margin: 50px 0 0 0 
}

.footer > ul >  li {
    padding-left: 100px;
    text-decoration: none;
    display: inline-block;
    margin: 10px;
    padding: 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #D7E4C2;
    margin-left: auto;
    margin-right: auto
}
 

.footer_img {
	padding-top: -100px; margin-left: 350px;
	background-color: red;
	
	 
}