/*REFERENCES-OVERVIEW*/
#references-overview {padding:64px 0;}
#references-overview .surrounder {width:80%;margin:0 auto;}
#references-overview ul {width:100%;display:inline-block;}
#references-overview li {width:25%;display:inline-block;float:left;margin-bottom:64px;}
#references-overview .blog-entry {background:white;margin:0 auto;width:320px;height:560px;border-radius:6px;}
#references-overview h3 {height:90px;font-size:20px;}
#references-overview .image-holder {overflow: hidden;width:100%;height:192px;border-top-left-radius:6px;border-top-right-radius:6px;}
#references-overview .teaser-image {width:100%;}
#references-overview .information-holder {height:310px;padding:12px;overflow:hidden;}
#references-overview .teaser-text {text-align:left;}
#references-overview .date-text {font-size:14px;padding:8px 0;}
/*CALL-TO-ACTION*/
#call-to-action .surrounder {margin:128px auto;padding:64px 0 128px 0;}
#call-to-action .button {margin-top:64px;}
@media screen and (max-width: 1800px){
    /*REFERENCES-OVERVIEW*/
    #references-overview li {width:33.3%;}
}
@media screen and (max-width: 1300px) {
    /*REFERENCES-OVERVIEW*/
    #references-overview li {width:50%;}
}
@media screen and (max-width: 1000px) {
    /*REFERENCES-OVERVIEW*/
    #references-overview .surrounder {width:100%;}
}
@media screen and (max-width: 800px) {
    /*REFERENCES-OVERVIEW*/
    #references-overview li {width:100%;}
}
@media screen and (max-width: 600px) {
    /*REFERENCES-OVERVIEW*/
    #references-overview .blog-entry {width:90%;}
}