@font-face
{
	font-family: "ArialBlack";
	src: url("../font/ArialBlack.ttf");
	font-family: "Montserrat-Black";
	src: url("../font/Montserrat-Black.ttf");
	font-family: "Montserrat-Bold";
	src: url("../font/Montserrat-Bold.ttf");
	font-family: "Montserrat-Medium";
	src: url("../font/Montserrat-Medium.ttf");

}
body
{
	margin:0;
}
/* ЕСЛИ ШИРИНА 600 ИЛИ БОЛЬШЕ */
@media screen and (min-width: 600px) {
  .Menu li a
  {
	font-weight: 900;
	font-size: 80px;
  }
  .animate__animated2
  {
	font-weight: 900;
    font-size: 80px;
  }
  .Start_Text{padding-top:20%;}
  .Header a
  {
	font-size: 30px;
	font-weight: 900;
  }
  .Footer a
  {
	font-weight: 900;
	font-size: 30px;
  }
}

/* ЕСЛИ ШИРИНА 600 ИЛИ МЕНЬШЕ */
@media screen and (max-width: 600px) {
  .animate__animated2 
  {

    font-size: 35px;
	font-weight: 900;
  }
 .Start_Text{padding-top:75%;}

    .Menu li a
  {
	font-size: 55px;
	font-weight: 900;
  }
   .Footer a
   {
	font-size: 20px;
	font-weight: 900;  
	}
   .Header a
   {
	font-size: 20px;
	font-weight: 900;
	}
}
/* ЕСЛИ ВЫСОТА 600 ИЛИ БОЛЬШЕ */
@media screen and (min-height: 600px) 
{

}
/* ЕСЛИ ВЫСОТА 600 ИЛИ МЕНЬШЕ */
@media screen and (max-height: 600px)
{
  .animate__animated2
  {
	font-weight: 900;
    font-size: 35px;
  }
  .Menu li {line-height:0.3px;}
  .Menu li a
  {
	font-size: 55px;
	font-weight: 900;
  }
  .Footer a
  {
	font-size: 20px;
	font-weight: 900;
  }
  .Header a
  {
	font-size: 20px;
	font-weight: 900;
  }



}
.Main{
	background-color:black;
	max-height: 100vh;
	height: 100vh;
	background-size: cover;
	overflow: hidden;
	z-index:2;
}
.Video{
	width:100%;
	position: relative;
}
.Video_src{
    z-index:3;
	opacity:1;
    background-color:black;
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
	animation: fadein ease 1.s;
}
.Video_src_start{
	background-color:black;
    opacity: 0;
	visibility:hidden;
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    animation: fadeout ease 3s;
}
.Start_Text
{
	font-family: "Arial";
	font-weight: 900;
	padding-left:0;
	color:white;
	text-decoration: none;	
	width:100%;
	display:inline-block;
	margin: 0;
	text-align: center;
	justify-content: center;
	align-items:center;	
	vertical-align:center;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}
.Start_Text li
{
	line-height:1;
}
@keyframes fadein
{
	0%{opacity:0; visibility:visible;}
	50%{opacity:0;}
	100%{opacity:1;}
}
@keyframes fadeout
{
	0%{opacity:1; visibility:visible;}
	75%{opacity:1;}
	100%{opacity:0;}
}
.Content
{
	z-index:4;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.Container
{
	width: 100%;
	margin: 0 auto;
	
}
.Logo_div
{
	top:3vw;
	left:5vw;
	position:absolute;
	overflow:hidden;
}
.Logo
{
	width:130px;
	height:50px;

}

.Header
{
	bottom: 0;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	justify-content: center;
	align-items:center;
	color: white;
	display: inline-flex;
}
.Header a
{
	font-family: "Arial";
	font-weight: 900;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}

.Menu
{
	z-index:4;
	padding:0;
	margin: 0;
	text-align: center;
	justify-content: center;
	align-items:center;
}
.Menu li a
{
	font-family: "Arial";
	font-weight: 900;
	color: white;
	text-decoration: none;
	display: inline-flex;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);

}
.Menu li
{
	width: 100%;
	line-height: 0.94;

	
}

.Footer
{
	display:inline-block;
	padding:0;
	z-index: 1;
	bottom: 0;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	justify-content: center;
	align-items:center;
}

.Footer ul
{
	margin:0 0;
	padding: 0;
	width:100%;
	text-align:center;
	color:white;
}
.Footer a
{
	font-family: "Arial";
	font-weight: 900;
	color:white;
	text-decoration: none;	
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}
.Conntacts
{	
	justify-content: center;
	align-items:	center;
	margin:0 0;
	width:100%;
	text-align:center;
	padding:0;
	
}
.Conntacts
{

	display: inline-block;
	padding:0 0;

} 

ul
{
	text-align:center;
	list-style: none;
}

.Footer a:hover
{
	color:#FF00FF;
}


.Menu li a:hover
{
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	color:#FF00FF;
}