#welcome-message {
	text-align:justify;
}

#welcome-video {
	width:100%;
	height:calc( (100vw - 20px ) * (9 / 16));
	margin-bottom:25px;
}

#slogan {
	position:relative;
	font-size:3.5vw;
	height:7.9vw;
	margin-bottom:3%;
	color:#000;
	text-align:center;
	
	background: linear-gradient(163deg, #fff9f9, #dfe0e7);
	background-size: 400% 400%;
	
	animation: AnimationName 15s ease infinite;	
}

@keyframes AnimationName { 
    0%{background-position:0% 48%}
    50%{background-position:100% 53%}
    100%{background-position:0% 48%}
}


#slogan div {
	position:absolute;
	top:0px;
	left:0px;
	width:96%;
	opacity:0;
	padding:2%;
	transition:opacity 0.6s ease;
}

@media (min-width:750px){
	
	#slogan {
		font-size:1.5em;
		height:70px;
	}
	
	#welcome-message {
		width:52%;
		float:left;
	}
	
	#welcome-video {
		margin-top:5px;
		float:right;
		width:45%;
		height:300px;
	}
}