.html { 

margin-left: calc(100vw - 100%); 

}

.welcome{
z-index: -1;

animation:fadeIn 2s;

font-family:'Montserrat', sans-serif;

width:60%;

position: relative;
top:300px;

font-size:70px;

margin: 0 auto;

}

@keyframes fadeIn{

	from{

	opacity: 0;

	}	
	
	to{
	
	opacity: 1;
	
	}
	
}
ul{

	list-style-type: none;
		margin: -8px;
		padding: 10px;
	width: 100%;

	background-color: #383838;
	color: white;
	white-space: nowrap;

	}
	ul li{
		
	display: inline-block;
	width: 15%;

	
	}
	.header{ /* menu container*/
	
	text-align: center;
	position: fixed;
	z-index: 2;
	width: 100%;
	margin: top 10px;
	z-index: 100;
	}
	ul li a{
	
		color:white;
		padding: 10px 25%;
		text-decoration: none;
		font-family:'Montserrat', sans-serif;
		
	}
	ul li a:hover{
	
	color:black;
	padding: 10px 25%;
	text-decoration: none;
	font-family:'Montserrat', sans-serif;
	background-color: white;
	
	}
hr{

position:relative;
top: 350px;

}
p{

position:relative;
top: 500px;
height: 1000px;
	
}
.line{

width: 60%;
z-index: -1;

}
img{

z-index: -1;

height: auto;
max-width: 100%;

width:200px;

margin: 0px auto;

}
.socialCont{

margin: 400px 19vw;


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

ul{

	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	flex-direction: column;

}
ul li{

	padding: 3% 20%;

}
ul li a:hover{

padding: 10% 20%;
color:black;
text-decoration: none;
font-family:'Montserrat', sans-serif;
background-color: white;

}
.title{

	font-size: 10vw;

}
.header{

	position:relative;

}
.welcome{

font-size: 8vw;
z-index: 1;
}

}