@font-face {
	 font-family: "MM";
	 src: url("fonts/mm-b.woff2") format("woff2");
	 font-style: normal;
	 font-weight: 600;
   }
   @font-face {
	   font-family: "MM";
	   src: url("fonts/mm-r.woff2") format("woff2");
	   font-style: normal;
	   font-weight: 400;
	 }
	 @font-face {
	   font-family: "MM";
	   src: url("fonts/mm-l.woff2") format("woff2");
	   font-style: normal;
	   font-weight: 300;
	 }
		 
 @font-face {
			 font-family: "AG";
			 src: url("fonts/AGMMX.woff2") format("woff2");
			 font-style: normal;
			 font-weight: 400;
		   }
		  
	 
 :root {
		   --text: #fff;
		   --bg: #000;
		   --link: #fff;
		   --link-hover: #888888;
		   --menu: #fff;
		   --menu-hover: #888888;
		 }
		 
 
	 
 * {
	 margin: 0;
	 padding: 0;
	 box-sizing: border-box;
   }
   *, *:before, *:after {
   box-sizing: border-box;
   }
   
   html {
   
	 width: 100%;
	 height: 100%;
	 -webkit-text-size-adjust: none;
	 -ms-text-size-adjust: none;
	 text-size-adjust: none;
   
   }
   
   body {
 
	 font-family: "MM", sans-serif;
	 font-size: 14px;
	 font-weight: 400;
	 margin: 0;
	 padding: 0;
	 background-color: var(--bg);
	   color: var(--text);
	  
   }
   
   h1, h2, h3 {
	   font-weight: 400;
	   letter-spacing: 0;
   }
   
  header {
	  text-align: center;
	   margin: 400px auto 200px;
	}
	
	ul, li {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	a {
	  color: var(--link);
	  text-decoration: none;
	  transition: color 0.3s ease;
	}
	
	a:hover {
	  color: var(--link-hover);
	  text-decoration: none;
	  
	}
	
	.logo {
  width: 600px;
  margin: 0 auto;
  
	}
  @media (max-width: 1000px) {
	  
	  header {
		  text-align: center;
		   margin: 200px auto 200px;
		}
		 .logo {
		  width: 80%;
	  }
	}
	 
	 .title {
		 font-weight: 400;
		 font-size: 4.3rem;
		 letter-spacing: -5px;
		 text-transform: uppercase;
		 font-weight: 600;
	 }
	 
	 
	 
	 
	 
	 .menu {
		 display: flex;
			   -webkit-box-pack: justify;
			   -ms-flex-pack: justify;
		 -ms-flex-align: center;
			   align-items: center;
			   -webkit-box-align: center;
	 }
	 
	 .menu ul {
		 display: flex;
			   -webkit-box-pack: justify;
			   -ms-flex-pack: justify;
		 -ms-flex-align: center;
			   align-items: center;
			   -webkit-box-align: center;
	 }
	 .menu ul li {
		 margin: 0 10px;
	 }
	 
	 footer {
		 display: flex;
		   -webkit-box-pack: center;
		   -ms-flex-pack: center;
		   justify-content: center;
		   -ms-flex-wrap: wrap;
		   flex-wrap: wrap;
	 }
	 
	 .social {
		 display: flex;
		   -webkit-box-pack: center;
		   -ms-flex-pack: center;
		   justify-content: center;
		   -ms-flex-wrap: wrap;
		   flex-wrap: wrap;
		 margin: 0 auto;
		 height: auto;
		 padding: 0 24px;
		 text-transform: uppercase;
		 font-weight: 600;
	 }
	 
	 .social a {
		 
		 display: flex;
		   margin: 0 10px;
	 }