.CaseStudyLogo { margin: 46px auto; border-top: 14px solid #1c374a; border-bottom: 14px solid #d2d7db; padding: 35px 0; }
.CustomerQuote { font-size: 20px; line-height: 34px; color: #369; padding: 20px 0; border-top: 4px solid #d2d7db; border-bottom: 4px solid #d2d7db; margin: 35px auto; font-style: italic; }

.CaseStudyImageContainer { margin: 20px; padding: 30px; }


.CaseStudyImage { -webkit-box-shadow: 0 0 9px 9px rgba(76, 76, 76, 0.1); -moz-box-shadow: 0 0 9px 9px rgba(76, 76, 76, 0.1); box-shadow: 0 0 9px 9px rgba(76, 76, 76, 0.1); margin-bottom: 45px; }

.case-study-list-item { border: 1px solid transparent; display: flex; flex-direction: row; align-content: start; justify-content: space-between; box-sizing: border-box; border-radius: 3px; }
    .case-study-list-item:not(:nth-of-type(1)) { margin: -1px 0 0 0; }
    .case-study-list-item > div:nth-of-type(1) { width: 70%; box-sizing: border-box; padding: 20px 20px 0 10px; }
    .case-study-list-item > div:nth-of-type(2) { width: 30%; box-sizing: border-box; padding: 20px 10px 10px 0; }
    .case-study-list-item h3 { color: #4ccdd9; margin-top: 0; }
    .case-study-list-item p { color: #192a33; }
    .case-study-list-item image { margin: 0 auto; }
    .case-study-list-item:hover { border: 1px solid #eee; background-color: #fdfdfd; }


/* Modify at 640px */
@media only screen and (max-width: 640px) {
    .CaseStudyImageContainer { margin: 20px 0 !important; padding: 10px 0 !important; }
}

/* Modify at 640px */
@media only screen and (max-width: 640px) {
    .CaseStudyImageContainer { margin: 20px 0 !important; padding: 10px 0 !important; }
    .case-study-list-item { flex-direction: column-reverse; }
        .case-study-list-item img { max-height: 175px; }
        .case-study-list-item > div:nth-of-type(1) { width: 100%; padding: 0 5px 5px 5px; }
        .case-study-list-item > div:nth-of-type(2) { width: 100%; padding: 15px 5px 15px 5px; }
}