.logo {
    max-width: 60%;
    display: block;
    margin: auto;
    padding-top: 2em;
}

.header {
    max-width: 100%;
    margin: auto;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 20%;
    padding-right: 20%;  
    text-align: center; 
}

.image {
    max-width: 30%;
}

.heading {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;

}

.content {
    width: 60%;
    font-family: Arial, Helvetica, sans-serif;   
    margin: auto;
    text-align: center;  
    background-color: rgb(208,237,232);
    padding-top: 6%;
    padding-bottom: 6%;
}

.tagline {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
    font-size: large;
    color:whitesmoke;
    text-align: center;
    background-color: rgb(239,66,87);
    margin: auto; 
}


body, html {
  height: 100%;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}


.subhead {
    font-family: inherit;
}

.copy {
    font-family: inherit;
}

.footer {
    font-family: inherit;
    font-size: x-small;
    margin: auto;
    text-align: center;
    padding-top: 6em;
}