body{
  font-size: 0.77em;
  font-family: Lato;
}
div{
	background-color: gainsboro;
  display: block;
  width: 500px;
  height: 500px;
  align-content: center;
  margin-left: auto;
  margin-right: auto;
  padding: 1.2em;
}
@media (max-width: 768px) { 
  div { 
  width: 100%; 
  padding: 5px;
  background-color: white;
  }
  body{font-size: 0.6em}
}
	
a:link{
	text-decoration: none;
	color: #E30119;
}
a:visited{
	text-decoration: none;
}
a:hover{
	background-color: white;
	color: black;
	padding: 10px;
}
a:focus{}
a:active{}

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}