body{
	margin: 0;
	padding: 0;
	background: url(../img/yesback.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	
}

.container-fluid{
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
	text-align: center;
	vertical-align: middle;
	margin-top: 10vh;
}


div.row{
	justify-content:center;
}


div.row h1{
	padding: 0;
	border: 0;
	font-family: 'Pattaya', sans-serif;
	color:#cc0000;
	font-size: 50pt;
	text-align: center;
	border-radius: 100px;
}

div.row h2{
	padding: 0;
	border: 0;
	font-family: 'Pattaya', sans-serif;
	color:#cc0000;
	font-size: 25pt;
	text-align: center;
	border-radius: 100px;
}

img{
	max-width: 400px;
	height: auto;
	margin-top: 10vh;
}

#backbtn{
	background-color: 	#fe5f55;
	text-transform: uppercase;
	border: #fe5f55;
	width: 200px;
	height: 50px;
	border-radius: 24px;
}
#mainpage{
	vertical-align: middle;
}

 /*Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 

	img{
		max-width: 200px;
		height: auto;
	}

	div.row h1{
		font-size: 20pt;
	}

	div.row h2{
		font-size: 10pt;
	}

	container-fluid{
		min-width: 500px;
		vertical-align: middle;
	}

	.container{
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	

}