body {
font-family: Arial, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
background: #f7f7f7;
}

.clear {
clear: both;
}

p {
font-size: 16px;
line-height: 25px;
color: #212121;
margin-top: 0;
}

.larger-paragraph-text {
font-size: 20px;
}

#clutter-case-study-container {
min-width: 100%;
display: inline-block;
}

#clutter-header-bold-heading h1 {
font-size: 38px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
}

h1.clutter-headings {
font-size: 38px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
color: #212121;
}

h2 {
font-size: 24px;
color: #212121;
margin: 0;
}

.clutter-img {
margin: 0;
}

#clutter-ux-header {
height: 560px;
background: #097E77;
}

#clutter-header-container {
width: 550px;
margin: 0 auto;
padding: 150px 0 0 0;
}

#clutter-header-sub-text p {
font-size: 25px;
margin-top: 40px;
line-height: normal;
text-align: center;
color: #FFFFFF;
}

#project-info-container {
width: 1020px;
margin: 0 auto;
padding: 60px 0 60px 0;
}

#project-info-left-column {
width: 580px;
float: left;
}

#project-info-right-column {
width: 315px;
float: right;
}

.client-details-icon {
width: 42px;
float: left;
}

.project-details {
width: 520px;
margin-top: 10px;
float: right;
}

.project-details-right {
width: 255px;
margin-top: 10px;
float: right;
}

#client-problem {
margin-top: 40px;
}

#design-process-container {
padding: 70px 0 120px 0;
background: #ACEAAC;
}

.heading-container {
width: 900px;
margin: 0 auto;
}

.heading-descriptions {
margin: 30px 0 0 0;
}

#design-process-image {
width: 1400px;
margin: 90px auto 0 auto;
}

#research-ideate-container {
padding: 90px 0 60px 0;
background: #E1F9FF;
}

#research-ideate-details {
width: 1400px;
margin: 110px auto 0 auto;
}

#sticky-notes {
margin: 30px 0 0 0;
}

.deficiency-headings {
width: 950px;
}

.image-descriptions-container {
margin-top: 70px;
}

.image-descriptions-left {
width: 669px;
float: left;
}

.image-descriptions-right {
width: 669px;
float: right;
}

.images img {
width: 665px;
margin: 0 0 25px 0;
border: 2px solid #999999;
border-radius: 10px;
}

.text {
margin: 0 0 70px 0;
}

#user-personas-container {
padding: 90px 0 60px 0;
}

#user-personas {
width: 1400px;
padding: 60px 0 70px 0;
margin: 0 auto;
}

#user-personas img {
width: 670px;
border-radius: 20px;
border: 2px solid #BBBBBB;
}

#user-personas-left {
width: 674px;
float: left;
}

#user-personas-right {
width: 674px;
float: right;
}

#design-and-prototype-container {
padding: 90px 0 60px 0;
background: #E8E3DA;
}

#design-and-prototype-details {
width: 1400px;
margin: 110px auto 0 auto;
}

.problem-text {
font-weight: bold;
color: #DD0000;
}

.solution-text {
font-weight: bold;
color: #2A7A00;
}

#present-iterate-container {
width: 1230px;
margin: 0 auto;
padding: 60px 0 80px 0;
}

#present-iterate-text-container {
padding: 90px 0 0 0;
}

#present-iterate-left-column {
width: 580px;
float: left;
}

#present-iterate-right-column {
width: 580px;
float: right;
}

.client-details-icon {
width: 42px;
float: left;
}

.iterate-project-details {
width: 580px;
margin-top: 10px;
float: right;
}

#final-summary-container {
padding: 70px 0 100px 0;
background: #FFC7C7;
}

#final-summary-image {
width: 1400px;
margin: 90px auto 0 auto;
}