body {
    display: flex;
    flex-direction: column; /* creates rows out of the elements main and footer */
    height: 100vh; 
    margin:0;
    background: #00c6ff;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0072ff, #00c6ff);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0072ff, #00c6ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }
  
.content {
    flex: 1 0 auto; /* allows the content to grow but not shrink */
    padding-right: 7.5%;
    padding-left: 7.5%;
}

.content h1{
    margin-top: 4%;
    text-align: center;
    color: white;
    font-family: 'Black Ops One', cursive;
}

.card{
    margin-top: 12.5%;
}

footer {
    background: #343a40;
    padding: 40px;
    margin-top: 2%;
}
footer a {
    color: #f8f9fa!important
}

.btn-sq-lg {
    width: 100% !important;
    height: 150px !important;
    margin-top: 11%;
    text-align: center;
}

.responsive {
    max-width: 100%;
    height: auto;
    padding-top: 2.5%;
}