/*Mobile first*****
****Start with the background color*/

*{
	box-sizing: border-box;
	background-color: ghostwhite;
}
/*This moves the container*/
.container{
	width: 100%;
	max-width: 900px;
	margin: auto;
	padding: 10px;
}
img{
	max-width: 400px;
}
figcaption{
	margin-bottom: 40px;
}
.map{
	max-width: 550px;
	margin-top: 35px;
	margin-bottom: 35px;
}
h1{
	max-width: 550px;
}

h2{
	max-width: 550px;

}
p{
	max-width: 550px;
}

h4{
	line-height: 1.0em;
}
/*Font*/
body,
html {
	font-size: 16px;
	font-family: arial, serif;
}

body{
	background-color: ghostwhite;
	margin: 20px;}

/*desktop mode*/

@media(min-width: 780px){

}