body {
	font-family: Helvetica;
	color: darkslategray;
}

h1 {
	font-size: 300%;	
}

h1,
h2 {
    background-color: royalblue;
	color: white ;
	text-transform: uppercase;
	font-weight: 100;
}
h1 {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
img {
	width: 100%;
}
.column {
  width: 900px;          
  margin: 0 auto;        
  background: Gainsboro;
  padding: 20px;
  border-radius: 10px;
}
footer {
	margin-top: 70px;
	background-color: royalblue;
	color: white;
}

footer p {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

#container {
	width: 60%;
	margin: auto;
}

@media screen and (max-width: 768px) {
	#container {
		width: 90%;	
	}
	
	h1 {
		font-size: 200%;	
	}
    .column{
        width: 70%;
    }
}