.contact { 
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  flex-direction: column;
}

.contact h1 {
  margin-top: 180px;
  font-size: 2.2rem;

  text-transform: uppercase;
}

.contact small{
  width: 50%;
  text-align: center;

  margin: 20px 0 80px 0;
  font-size: 1rem;
}

.contact i {
  font-size: 2.2rem;
  margin: 20px 0;
  color: #7b101e;
}

.contact p {
  padding: 5px 0;
}

.contact p a {
  text-decoration: none;
  color: inherit;
}

.contact p a:hover{
  color: #7b101e;
}

footer {
  position: fixed;
  bottom: 0;
}

@media (max-width:756px){
  .contact small {
    width: 90%;
    margin: 20px 0 20px 0;
  }

  .contact p {
    text-align: center;
    width: 90%;
  }
}