html {
		font-size: 18px;
		font-family: acumin-pro-condensed, sans-serif;
	}
figure {
	width: 50%;
	margin: auto;
	margin-top: 2rem;
	margin-bottom: 0;
}
img.logo {
	 width: 100%; 
	 margin-bottom: 1rem;
}
img.construction {
	width: 10%;
}
h1 {
	text-align: center;
	margin-bottom: 2rem;
	font-size: 2rem;
}
figcaption {
	font-weight: 400;
	font-style: normal;
	margin-left: 30%;

}
.name {
	font-size: 1.5rem;
	font-weight: 700;
}
.name-title {
	font-size: 1.2rem;
}
a {
	color: #266cad;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
footer {
	width: 100%;
	border-top: 1px solid #266cad;
	font-size: 1.3rem;
}
p {
	text-align: center;
}
 @media only screen and (max-width: 896px) {
	 figure {
		 width: 65%;
		 margin-top: 0;
	 }
	 footer {
		 padding-top: 0.5rem;
		 font-size: 1rem;
	 }
	 h1 {
		 font-size: 1.5rem;
		 margin-bottom: 1rem;
		 margin-top: 0.5rem;
	 }
	 p {
		 margin-top: 0;
		 margin-bottom: 0;
	 }
	 .name {
		 font-size: 1.2rem;
	 }
	 img.logo {
		 margin-bottom: 0;
	 }
}
 @media only screen and (max-width: 488px) {
	 html {
		 font-size: 13px;
		 }
	figure {
		 width: 100%;
		 margin-top: 2rem;
	 }
	 img.logo {
		 margin-bottom: 0;
	 }
	 img.construction {
	 	width: 8%;
	}
	 h1 {
		 margin-bottom: 1rem;
		 margin-top: 0;
	 }
	 p {
		 margin-top: 0;
		 margin-bottom: 0;
	 }
 }