footer.footer {width: calc(100% - 764px);
	   		   margin-left: 324px;
	   		   height: 220px;
	   		   float: left;
	   		   background-color:white;
	   		   border-radius:10px;
	   		   margin-top: 32px;
	   		   border: 1px solid #F5F5F5;
	   		   margin-bottom: 100px;
	   		   .footer-container {width: 100%;
	   		   					  height: 100%;
	   		   					  float: left;
	   		   					  .top {width: 100%;
	   		   					  		height: 32px;
	   		   					  		float: left;
	   		   					  		display: flex;
	   		   					  		justify-content: center;
	   		   					  		margin-top: 24px;
	   		   					  		.top-container {height: 32px;
	   		   					  						float: left;
	   		   					  						width: calc(100% - 24px);
	   		   					  						max-width: 389px;
	   		   					  						.logo {width: calc(100% - 194px);
	   		   					  							   height: 32px;
	   		   					  							   float: left;
	   		   					  							   padding-right: 16px;
	   		   					  							   display: flex;
	   		   					  							   align-items:center;
	   		   					  							   border-right: 1px solid black;
	   		   					  							   img {width: 100%;}
	   		   					  						}
	   		   					  						.socials {width: 194px;
	   		   					  								  height: 32px;
	   		   					  								  float: left;
	   		   					  								  padding-left: 18px;
	   		   					  								  .socials-container {width: 100%;
	   		   					  								  					  height: 32px;
	   		   					  								  					  float: left;
	   		   					  								  					  display: flex;
	   		   					  								  					  justify-content: space-between;
	   		   					  								  					  .item {width: 29px;
	   		   					  								  					  		 height: 32px;
	   		   					  								  					  		 float: left;
	   		   					  								  					  		 display: flex;
	   		   					  								  					  		 align-items:center;
	   		   					  								  					  		 justify-content: center;																				
	   		   					  								  					  		 span {font-size: 24px;
	   		   					  								  					  		 	   color:#417B58;
	   		   					  								  					  		 }
	   		   					  								  					  }
	   		   					  								  }
	   		   					  						}
	   		   					  		}
	   		   					  }
	   		   					  .menu {width: 100%;
	   		   					  		 margin-top: 28px;
	   		   					  		 height: 41px;
	   		   					  		 float: left;
	   		   					  		 display: flex;
	   		   					  		 justify-content: center;
	   		   					  		 .menu-container {width: auto;
	   		   					  		 				  height: 41px;
	   		   					  		 				  float: left;
	   		   					  		 				  .menu-item {width: auto;
	   		   					  		 				  		 	  height: 41px;
	   		   					  		 				  		 	  float: left;
	   		   					  		 				  		 	  display: flex;
	   		   					  		 				  		 	  align-items:center;
	   		   					  		 				  		 	  a {padding:10px;
	   		   					  		 				  		 	  	 color:#3C3636;
	   		   					  		 				  		 	  	 font-family: 'Roboto';
	   		   					  		 				  		 	  	 font-size: 18px;
	   		   					  		 				  		 	  	 text-decoration: none;
	   		   					  		 				  		 	  }
	   		   					  		 				  		 	  a:hover {text-decoration: underline;}
	   		   					  		 				  }
	   		   					  		 				  .menu-seperator {width: auto;
	   		   					  		 				  				   height: 41px;
	   		   					  		 				  				   float: left;
	   		   					  		 				  				   display: flex;
	   		   					  		 				  				   align-items:center;
	   		   					  		 				  				   span {padding-left: 24px;
	   		   					  		 				  				   		 padding-right: 24px;
	   		   					  		 				  				   }
	   		   					  		 				  }
	   		   					  		 }
	   		   					  }
	   		   					  .slogan-seperator {width: 100%;
	   		   					  					 margin-top: 24px;
	   		   					  					 float: left;
	   		   					  					 height: 1px;
	   		   					  					 display: flex;
	   		   					  					 align-items:center;
	   		   					  					 justify-content: center;
	   		   					  					 .inner {width: calc(100% - 48px);
	   		   					  					 		 height: 1px;
	   		   					  					 		 float: left;
	   		   					  					 		 max-width: 264px;
	   		   					  					 		 background-color:#417B58;
	   		   					  					 }
	   		   					  }
	   		   					  .slogan {width: 100%;
	   		   					  		   height: 24px;
	   		   					  		   float: left;
	   		   					  		   margin-top: 28px;
	   		   					  		   display: flex;
	   		   					  		   align-items:center;
	   		   					  		   justify-content: center;
	   		   					  		   a {text-align: center;
	   		   					  		   	  color:#5F417B;
	   		   					  		   	  font-size: 16px;
	   		   					  		   	  font-family: 'Inter';
	   		   					  		   	  text-decoration: none;
	   		   					  		   }
	   		   					  }
	   		   }
}


@media screen and (max-width: 1768px) { 
	footer.footer {width: calc(100% - 394px); margin-left: 349px;}
}
@media screen and (max-width: 1550px) { 
	footer.footer {width: calc(100% - 334px); margin-left: 324px;}
}
@media screen and (max-width: 1420px) { 
	footer.footer {width: calc(100% - 253px); margin-left: 243px;}
}
@media screen and (max-width: 1330px) { 
	footer.footer {width: 90%; margin-left: 5%; margin-top: 74px;}
}
@media screen and (max-width: 1000px) { 
	footer.footer .footer-container .menu .menu-container .menu-seperator span {padding-left: 12px; padding-right: 12px;}
}