@import url('https://fonts.googleapis.com/css?family=Montserrat');

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 20px;
	background: #20265c;
	background: -webkit-radial-gradient(top left, #ffffff, #20265c);
	background: -moz-radial-gradient(top left, #fdc20f, #20265c);
	background: radial-gradient(top left, #fdc20f, #20265c);
	text-align: center;
}

.container {
	width: auto;
	max-width: 1000px;
	background: #ffffff;
	padding: 50px;
	border-radius: 40px;

	position: absolute; 
	top: 40%; 
	left: 50%; 
	transform: translate(-50%, -50%);
}

#logoContainer {
	padding: 0 100px;
}

#logoContainer img {
	margin-left: -14.6%;
	max-width: 100%;
}

#deetsContainer {
	margin-top: 40px;
}

#descContainer {
	margin-top: 40px;
}

a, a:link, a:visited, a:active, a:focus {
	color: #20265c;
	font-weight: bold;
	text-decoration: none;
}


@media (min-width: 900px) and (max-width: 1500px) {
	#logoContainer {
		padding: 0 50px;
	}
}

@media (max-width: 899px) {
	body {
		background: #ffffff;
	}
	.container {
	    width: 100%;
	    max-width: none;
	    border-radius: 0px;
	    position: relative;
	    top: inherit;
	    left: inherit;
	    transform: none;
	    padding: 50px 0;
	}
	#logoContainer {
	    padding: 0 50px;
	}
	#descContainer,
	#deetsContainer {
		padding: 0 30px;
	}
}

@media (max-width: 500px) {
	#logoContainer {
	    padding: 0 30px;
	}
	#deetsContainer span.deets {
		display: block;
		margin-top: 10px;
	}
	#deetsDiv {
		display: none !important;
	}
}