/* 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;   
}

.wrapper{
      display:grid;
      /* grid-template-columns:1fr 1fr 1fr;*/
      grid-template-columns:repeat(3, 1fr);
      grid-gap:.5em;
      /* grid-auto-rows:100px; */
      grid-auto-rows: minmax(00px, auto);
		margin-top: 300px
    }

.wrapper > img {
	width:  
}

    .nested{
      display:grid;
     height: 500px;
	color:	white;
	font-family: 'Roboto Condensed', sans-serif; 
		
    }


 
    .wrapper > div{
      background:black;
      padding:1em;
    }
    .wrapper > div:nth-child(1){
      background: ;
    }

 	.wrapper > div:nth-child(2){
      background: ;
    }

    .nested > div{
      border:#333 1px solid;
      padding:1em;
    }

.wrapper > img {
	border-bottom-color: blue
}


h3 {
font-family: 'Roboto Condensed', sans-serif;
}

p {
font-family: 'Roboto Condensed', sans-serif;
	width: 540px
	
}

/* Main */

	#main {
		padding: 4em 0 2em 0;
	}

		@media screen and (max-width: 736px) {

			#main {
				padding: 3em 0 1em 0;
			}

		}


 


/* Box */

	.thumbnails {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: stretch;
		-webkit-align-items: stretch;
		-ms-align-items: stretch;
		align-items: stretch;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		background-color:  ;
		margin-top: 100px
	}

		.thumbnails .box {
			margin: 0 1em 1em 1em;
			width: 30%;
		}

			@media screen and (max-width: 1280px) {

				.thumbnails .box {
					width: 45%;
				}

			}

			@media screen and (max-width: 736px) {

				.thumbnails .box {
					width: 100%;
				}

			}














.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 > ul > img {
     
    background-color:   ; 
    padding-left: 30px;
	padding-right: 30px;
    float: right;
	padding-top: 20px
}