@media only screen and (max-width:55em){

    .testimonials-box.medium-6{
        width: 100% !important;
        margin-bottom: 30px;
    }

    footer p{
        text-align: center;
    }

}

@media only screen and (max-width:40em){

    #hero .image {
        text-align: center;
    }

    #hero .image img {
        margin-bottom: 0;
        padding: 15px;
        position: inherit;
        top: 0;
    }

    #headline h2 {
        text-align: center;
    }

    #hero .image{
        /*display: none;*/
        /*visibility: hidden;*/
    }
    #hero .image-mobile{
        text-align: center;
        visibility: visible;
        display: block;
    }

    #content .testimonials .testimonil-image{
        float: left;
        width: 100%;
        text-align: center;
    }
    #content .testimonials .testimonil-text{
        width: 100%;
        text-align: center;
    }

    /* reveal-modal  */
    .reveal-modal {
        width: 80%;
        margin: 0 10%;
    }

}

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

	/*#headline, .headline{ display:none !important;}*/
	br{ display:none !important;}
    #headline h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .button {
        padding: 12px 14px; 
        font-size: 1.2rem;   
    }
    #content h1 {
        font-size: 28px;
    }
    
    
    #content ul.bullets {
        margin: 1rem auto;
    }

}