.main, .main-sm {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 100%;
}

.text(@font-family, @font-size, @font-weight, @line-height, @color) {
	font-family: @font-family;
	color: @color;
	letter-spacing: normal;
	text-align: center;
	font-style: normal;
	font-stretch: normal;
	font-size: @font-size;
	font-weight: @font-weight;
	line-height: @line-height;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.search-field-mixin(@width, @margin-top, @margin-bottom) {
	.text(MyriadPro, 16px, normal, 1.5,#08384f);
	text-align: left;
	padding-left: 21px;
	height: 36px;
	width: @width;
	border-radius: 3px;
	background-color: #ffffff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	border: 0px;
	margin-top: @margin-top;
	margin-bottom: @margin-bottom;
}

.main {
	h1 {
		.text(AmericanTypewriter, 42px, bold, normal, #08384f);
	}
	h3 {
		.text(MyriadPro, 18px, normal, 1.33, #08384f);
	}
	h4 {
		.text(MyriadPro, 20px, bold, 1.2, #0894ff);
	}
	.search-field {
		.search-field-mixin(318px, 20px, 41px);
	}
}


/* small screen */
.main-sm {
	h1 {
		.text(AmericanTypewriter, 20px, bold, normal, #08384f);
	}
	h3 {
		.text(MyriadPro, 13px, normal, 1.54, #08384f);
		margin-bottom: 6px;
	}
	h4 {
		.text(MyriadPro, 20px, bold, 1.2, #0894ff);
	}
	.search-field {
		.search-field-mixin(280px, 9px, 35px);
	}
}