.main {text-align: center; font-family: 'Freight Sans', sans-serif; }
.404-container { width: 1120px; margin: 20px auto 0; }

h1, h2, h3, h4 { margin: 0; font-family: 'Freight Sans', sans-serif; }
h1 { font-size: 100px; font-weight: 700; color: #434343; margin-top: -20px; }
h2 { font-size: 50px; font-weight: 300; padding-top: 20px; }
h3.bold { font-size: 30px; font-weight: 700; padding-bottom: 5px; }
h3.regular { font-size: 30px; font-weight: 300; padding-bottom: 20px; }
h4 { font-size: 20px; font-weight: 300; margin-top:40px; margin-bottom: 20px; text-transform: none; }
h4 br { display: none; }

.house-image { background-image: url(../images/404/house-desktop.png); background-repeat: no-repeat; background-size: contain; width: 800px; height:407px; margin: 40px auto 0; }

.search .box .container-1 .icon i { padding-left: 0!important; }

#ha-header .link-search .sprite-search { top: -4px!important; }
#ha-header .link-search .sprite-search.selected-sprite { top: 1px!important; }

/* tablet */
@media(max-width: 1120px) {

	.404-container { width: 740px; }

	h1 { font-size: 80px; margin-top: -20px; }
	h2 { font-size: 40px; padding-top: 15px; }
	h3.bold { font-size: 25px; padding-bottom: 2px; }
	h3.regular { font-size: 25px; padding-bottom: 15px; }
	h4 { font-size: 20px; margin-top:15px; }

	.house-image { background-image: url(../images/404/house-tablet.png); width: 500px; height: 255px; }
}

/* mobile */
@media(max-width: 740px) {
	.404-container { width: 300px; padding: 0 20px; }

	h1 { font-size: 60px; margin-top: -20px; }
	h2 { font-size: 30px; padding-top: 20px; }
	h3.bold { font-size: 20px; padding-bottom: 2px; }
	h3.regular { font-size: 20px; padding-bottom: 10px; }
	h4 { font-size: 20px; padding-top:10px; line-height: 1.2; }
	h4 br { display: block; }

	.house-image { background-image: url(../images/404/house-mobile.png); width: 300px; height: 153px; margin: 30px auto 0; }
}