/*  CSS document  */
@CHARSET "UTF-8";

section > figure img.h1 {
	width: 12%;
	left: 58%;
	top: 50%;
}
section > figure h1 {
	right: 5%;
	bottom: 82%;
	font-size: 35pt;
	text-align: right;
}

h2 span {
	font-size: 13pt;
	padding-left: 10px;
}

img.house {
	margin-top: 30px;
	width: 100%;
}

main > ul > li > ul > li > p {
	padding-top: 0!important;
}

/* 550px */
@media screen and (max-width: 34.38em) {
	section > figure img.h1 {
		width: 10%;
	}
	section > figure h1 {
	  font-size: 25pt;
	}
}
/* 450px */
@media screen and (max-width: 28.14em) {
	section > figure img.h1 {
		width: 15%;
		left: 48%;
		top: 30%;
	}
	section > figure h1 {
     font-size: 20pt;
     bottom: 80%;
   }
}

/* 350px */
@media screen and (max-width: 21.88em) {
	
	section > figure img.h1 {
		width: 16%;
	}
	
}