.vertical-center {
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
	min-height: 100vh; /* These two lines are counted as one :-)       */

	display: flex;
	align-items: center;
}
div
{
    transition:width 1s ease-in-out;
}
.hidden {
	opacity: 0;
}
.name {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
}
.pretext {
	font-family: 'Oswald', sans-serif;
	color: #ddd;
		position: relative !important;

}
body {
	color: #ffffff;
	background: linear-gradient(45deg, #199c0b, #1c8058, #1e84a8, #0c7296);
	background-size: 300% 300%;
	-webkit-animation: Gradient 20s ease infinite;
	-moz-animation: Gradient 20s ease infinite;
	animation: Gradient 20s ease infinite;
}
.contact-details
{
	font-family: 'Oswald', sans-serif;

}
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
a.deco-none {
    color:inherit !important;
    text-decoration:none;

}

a.deco-none:hover {
    color:#aaa !important;
    
}