header {
    padding: 20px 0;
    background-image: linear-gradient(rgba(9,0,77,0.65),rgba(9,0,77,0.65)), url("../image/photo.jpg");
    background-size: cover;
}

.content {
    max-width: 750px;
    margin: 15% 60px;
    color: #ffffff;
}

.content h1 {
    font-size: 56px;
    line-height: 85px;
    margin-bottom: 46px;
}


@media screen and (max-width: 1024px) {
    .content {
        max-width: 750px;
        margin: 15% 60px;
        color: #ffffff;
    }
    
    .content h1 {
        font-size: 56px;
        line-height: 85px;
        margin-bottom: 46px;
    }
}

@media screen and (max-width: 767px) {
    .content {
        margin: 35% 30px;
        color: #ffffff;
    }
    
    .content h1 {
        font-size: 22px;
        line-height: 36px;
    }
}

.button-link {
    display: inline-block;
    padding: 20px 100px;
    background-color: #8c0707;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
  }
  
  .button-link:hover {
    background-color: #b10a0a;
  }