html, body {
	height:100%;
}

#oms {
	position:absolute;
	left:20px; top:0; right:20px; bottom:0;
	margin:auto;
}

img {
	position:absolute;
	left:0; top:0; right:0; bottom:0;
	margin:auto;
}

p {
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
}

span{
	font-size: 1.5em;
}

a{
	color: #e61a21;
}

#email {
	position:absolute;
	left:0; right:0;
	bottom:200px;
	padding: 0 10px;
}

@media only screen and (max-height:900px) {
	#email {
		bottom:180px;
	}
	p{
		font-size: 1em;
	}

	span{
		font-size: 1.2em;
	}
}

@media only screen and (max-height:800px) {
	#email {
		bottom:80px;
	}
	p{
		font-size: 1em;
	}

	span{
		font-size: 1.2em;
	}
}


@media only screen and (max-width:600px) {

	#email {
		bottom:50px;

	}
	p{
		font-size: 1em;
	}

	span{
		font-size: 1.2em;
	}
}

@media only screen and (max-width:400px) {

	#email {
		bottom:60px;
	}
	p{
		font-size: 1em;
	}

	span{
		font-size: 1.2em;
	}
}

@media only screen and (max-height:630px) {
	#oms{
		width:75%;
	}
	#email {
		bottom:40px;
	}
		p{
		font-size: 1em;
	}

	span{
		font-size: 1.2em;
	}
}

@media only screen and (max-height:500px) {
	#oms{
		width: 50%;
	}
	#email {
		bottom:25px;
	}
	p{
		font-size: 1em;
	}

	span{
		font-size: 1.2em;
	}
}

@media only screen and (max-height:400px) {
	#oms{
		width: 50%;
	}
	#email {
		bottom:10px;
	}
	p{
		font-size: 1em;
	}

	span{
		font-size: 1.2em;
	}
}

@media only screen and (max-height:350px) {
	#oms{
		width: 50%;
	}
	#email {
		bottom:5px;
	}
	p{
		font-size: 0.9em;
	}

	span{
		font-size: 1.1em;
	}
}


@media only screen and (max-height:180px) {

	#oms {
		width: 35%;
	}

	#email {
		bottom:10px;
	}
	span{
		font-size: 1.2em;
	}
}