body {
    background-color:aliceblue;
}

header {
    display: grid;
    text-align: center;
    line-height: .7em;
}

header h1 {
    font-size: 2.5em;
    margin-bottom: .5em;
}
header h2 {
    font-size: 1.8em;
    margin-top: .4em;
}

.main-content {
  display: grid;
  text-align: center;
}

.main-image {
    width: 80%;
    max-width: 800px;
    height: auto;
    border-radius: 45px;
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 1.2), 0 6px 20px 0 rgba(0, 0, 0, 1.75);
}

.footer{
    padding: 25px;
    font-size: 1.6em;
}



@media only screen and (max-width: 800px) {
    header {
        line-height: 2em;
    }
    header h1 {
        font-size: 2em;
        margin-bottom: .2em;
    }
    header h2 {
        font-size: 1.55em;
        margin-top: .2em;
    }
}

@media only screen and (max-width: 600px) {
    header {
        line-height: 1.8em;
    }
    header h1 {
        font-size: 1.4em;
        margin-bottom: .2em;
    }
    header h2 {
        font-size: 1.3em;
        margin-top: .2em;
    }
}

@media only screen and (max-width: 480px) {
    header {
        line-height: 1.6em;
    }    
    header h1 {
        font-size: 1em;
        margin-bottom: .2em;
    }   
    header h2 {
        font-size: 1em;
        margin-top: .2em;
    }
}