body {
  margin: 0px;
}

a{
	text-decoration:none;
}

#content{
	text-align: center;
}

.maxwidth{
	max-width:1244px;
	margin: auto;
}

.maxwidth>.wrapper{
	width:100%;
	text-align:left;
}


#header{
	text-align:center;
}

#header .wrapper{
	display: grid;
	grid-template-columns: 150px auto;
	grid-gap: 10px;
	margin: auto;
	text-align:left;
}

.wrapper.grida2{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
	margin: auto;	
}

.wrapper.grida3{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
	margin: auto;	
}

#logo{
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	grid-column: 1;
  grid-row: 1/3;
}

#main-menu{
  display: flex;
  align-self: flex-end;
  width: 100%;
}

#main-menu ul {
display: inline-flex;
  list-style: none;
  padding: 0px;
  height: auto;
  margin: 0px;
  margin-left: auto;
  margin-bottom: 10px;
  outline: none;
}

#social-menu{
  text-align: right;
}

#social-menu ul {
  display: inline-flex;
  list-style: none;
  padding: 0px;
  height: auto;
  margin: 0px;
  margin-top: 10px;
  outline: none;
}

#social-menu ul li{
  margin-left: 10px;
  padding: 0px;
  font-size: 0px;
}

#social-menu ul li a{
  font-size: 0px;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-color: gray;
  border-radius: 20px;
  margin: 0px;
}

a.social_icon{
  background-size: contain;
}

a.social_icon.facebook{
  background-image: url(../img/social_icon_fb.svg);
}

a.social_icon.instagram{
  background-image: url(../img/social_icon_instagram.svg);
}

a.social_icon.linkedin{
  background-image: url(../img/social_icon_linkedin.svg);
}

a.social_icon.youtube{
  background-image: url(../img/social_icon_youtube.svg);
}


.place-menu{
  display: flex;
  text-align: right;
}

div.social-menu{
	grid-column: 2;
  grid-row: 1;
}
.section{
	text-align:center;
	margin:40px auto;
}

.fotocover{
	min-height:100px;
	background-color:#f4f4f4;
}

.align-left{
	text-align:left;
}

@media only screen and (max-width: 850px){
	
	#menu_mobile.mobile{
		display:block;
	}
	
	#header .wrapper {
	  grid-template-columns: 320px auto;
	  background-image: url(../img/home_background_2.png);
	  background-position-y: 58px;
	  background-repeat: no-repeat;
	}
	
	#menu_mobile{
		background-image: url('../img/menu_button.svg');
		width: 83px;
		height: 60px;
		background-size: 35px;
		background-repeat: no-repeat;
		background-position: center right;
		margin: auto;
		margin-right: auto;
		margin-right: 0px;
	}

	#header nav#main-menu{
		left: 0px;
		width: 100%;
		background-color: rgba(0,0,0,0.5);
		display: flex;
		height: 100%;
		z-index: 999;
		position: fixed;
		top: 0px;
	}	

	
	#main-menu ul {
		display: block;
		list-style: none;
		width: 100%;
		background-color: #FFF;
		height: auto;
		overflow-y: scroll;
		padding: 0px;
		margin: auto;
		text-align: center;
	}
	
	#main-menu a {
	  color: #6c6c6c;
	  transition: all 0.3s ease;
	  border-bottom: solid 1px #fff;
	  padding: 20px;
	  display: inline-block;
	}
	
	#main-menu ul li {
	  margin: auto 40px;
	  border-bottom: solid 1px gray;
	}
	
	#main-menu a:hover {
	  color: unset;
	  padding-bottom: 20px;
	  border-bottom: none;
	}
	
	
	
	#closerMenu {
		width: 40px;
		height: 40px;
		position: fixed;
		top: 10px;
		right: 10px;
		left: unset;
		background-size: contain;
		cursor: pointer;
		z-index: 999;
		background-image: url('../img/close_button2.svg');
	}	
	
}

@media only screen and (max-width: 450px){ 
	#menu_mobile{
		background-image: url('../img/menu_button.svg');
		width: 83px;
		height: 60px;
		background-size: 35px;
		background-repeat: no-repeat;
		background-position: center right;
		margin: auto;
		margin-right: auto;
		margin-right: 0px;
	}
	
	div.social-menu {
	  grid-column: 1/3;
	  grid-row: 2;
	}

	

}