@media only screen and (min-width: 768px) {
    /*-----container and image "adjust" to not being full width -----*/
    .container {
    margin: 0px 20px 0px 0px;
    width: 85%;
  }
  article {
    width: 100%;
  }
  figure#topImage {
    width: 85%;
    margin: 20px auto;
  }
  /*figure#topImage img {
    width: 100%;
  }*/
  article img {
    float: left;
    margin: 0px 20px 0px 0px;
    width: 250px;
  }
}
body {
	background-color: #3d66ee;
	font-family: 'Open Sans', sans-serif;
    font-family: 'Roboto', sans-serif;
	}
  h1 {
	font-weight: 900;
	font-size: 30px;
	color: #f9f4d0; 
	}
  h3 { 
	font-weight: 500;
	color: #f9f4d0;
	text-decoration-line: underline;
	}
  p { 
	color: #f9f4d0;
	}