/*  HEADER SECTION */
.header {
    height: 120vh;
    display: grid;
    padding-left: 7%;
    padding-right: 7%;
    padding: 10% 7%;
    text-align: center;
    background: fixed;
    background-image: linear-gradient(to right, rgb(17, 85, 151), rgba(1, 19, 13, 0.8)), url(../../assets/images/volunteers.jpg);
    background-size: cover;
}

.header-div {
    display: grid;
    grid-row-gap: 10%
}

.header-div div img {
    width: 500px
}

.header-div h1 {
    font-size: 400%;
    align-self: center;
    color: white;
    padding-top: 80px;
    
}

@media screen and (max-width: 600px){
    font-size: 250%;
    font-family: ubuntu;
    width: 100%
}