@font-face {
  font-family:'Lato';
  font-style:normal;
  font-weight:400;
  font-display:auto;
  src:url('../Fonts/Lato.woff2') format('woff2'), url('../Fonts/Lato.woff') format('woff');
}

@font-face {
  font-family:'FontawesomeSolid';
  font-style:normal;
  font-weight:400;
  font-display:auto;
  src:url('../Fonts/fa-solid-900.woff2') format('woff2'), url('../Fonts/fa-solid-900.woff') format('woff');
}

* {
  margin:0px;
  padding:0px;
  border:none;
}

body {
  font-family:'Lato';
  font-style:normal;
  font-weight:400;
  font-size:16px;
  color:#191919;
  background-color:#fff;
}

h1 {
  font-size:22px;
  font-weight:bold;
  margin-bottom:10px;
}

h2 {
  font-size:20px;
  font-weight:bold;
  margin-bottom:10px;
}

h3 {
  font-size:18px;
  font-weight:bold;
  margin-bottom:10px;
}

a {
  text-decoration:none;
  color:#000;
  outline:none;
}

a:hover {
  cursor:pointer;
}

p {
  font-size:16px;
  line-height:23px;
  padding-bottom:10px;
}

ul {
  list-style:none;
}

ul li {
  margin-bottom:5px;
}

#page {
  display:flex;
  justify-content:center; 
}

.container {
  width:700px;
  
}

header {
  padding-top:25px;
  padding-bottom:25px;
}

footer .links {
  display:flex;
  justify-content:center;
  padding-top:25px;
  padding-bottom:25px;
}

footer a {
  padding-left:10px;
  padding-right:10px;
}

.orange {
  color:#ff8700;
}

.purple {
  color:#7952b3;
}

.blue {
  color:#183153;
}

.green {
  color:#198754;
}

.small {
  font-size:12px;
  line-height:19px;
}

@media only screen and (max-width:699px) {

  .container {
    width:100%;
    padding-left:15px;
    padding-right:15px;
  }
  
  header {
    width:100%;
  }
  
  footer {
    flex-direction:column;
    flex-wrap:wrap;
    width:100%;
    text-align:center;
  }
  
  footer a {
    margin-bottom:5px;
  }

}