@media screen and (max-width: 767px){
    #hero-image .headline{
        bottom: initial;
        top: 10%;
    }
    #hero-image .headline h1{
        font-size: 1em;
    }
    #hero-image .headline h2{
        font-size: 0.7em;
        line-height: 1;
    }
    #hero-image #logo{
        width: 80px;
        right: 20px;
        bottom: 20px;
    }
    #hero-image .claim{
        left: 20px;
        bottom: 20px;
        font-size: 14px;
    }
    .content{
        padding: 0 20px;
        margin-top: 40px;
    }
    #main-footer ul{
        flex-wrap: wrap;
  text-align: center;
  justify-content: center;
    }
    #footer-bottom{
        justify-content: center;
    }
}