/******************** headline ********************/
#headline{
    background: radial-gradient(#00a0e9, #0088d9); 
    padding:80px 0;
    text-align:center;
}

#headline h1{
    font-size:3rem;
    color:#fff;
    font-weight:500;
}

#headline h1 span{
    font-size:1.4rem;
    font-style: italic;
    display:block;
}

/******************** content ********************/

div.read{
    text-align:center;
    max-width:700px;
    width:90%;
    margin:50px auto;
}

h2{
    font-size:3rem;
    color:#4dc4ff;
    font-weight:500;
    text-align: center;
}

h2 span{
    font-size:1.4rem;
    font-style: italic;
    display:block;
}

#blog{
    margin:0;
    text-align:center;
    padding:60px 0 0;
}

#blog img{
    max-width:600px;
    width:90%;
}

footer{
    margin-top:150px;
}

@media only screen and (max-width: 767px) {

#headline{ 
    padding:50px 0;
}

}