.container {
    width: 100%;
    height: 100%;
    padding: 0px 8%;
    position: relative;
  }
  
  .container h1 {
    text-align: center;
    padding-top: 10%;
    margin-bottom: 60px;
    font-weight: 600;
    position: relative;
  }
  
  .container h1::after {
    content: '';
    background-color: var(--first-color);
    width: 100px;
    height: 5px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
  }
.footer {
    position: relative;
    top: 220px;
}

@media only screen and (max-width:780px) {
    .footer {
        position: relative;
        top: 210px;
    }
}