h1{
	margin: 0px;
	text-align: center;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	color: #d23f31;
	font-weight: 300;
	font-size: 50px;
	transition: font-size 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

body{
	background-color: #EDEDED;
	background-image: url("img/sailing_blur_bright.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
}

.mainTitle{
	margin: 10px;
	width: 450px;
	margin-top: 33vh;
	background-color: rgba(255,255,255,0.8);
	transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

small{
	font-size: 30pt;
}

.raised {
	border-radius: 2px;
	padding: 10px;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.5s;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.raised:hover {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
	background-color: rgba(255,255,255,1);
	transition-delay: 0s;
	cursor: default;
}

.raised:active {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	background-color: rgba(255,255,255,1);
	transition-delay: 0s;
	cursor: default;
}

@media only screen and (max-width: 600px){
	.mainTitle{
		width: 300px;

	}

	h1{
		font-size: 35px;
	}
}