.container { display: flex; }

.c1 .block { width: 50%; position: relative;}
.c1 .b1 { width: 55%; }
.c1 .b2 { width: 45%; padding: 0 10%; color: #fff; }
.c2 { text-align: center; }
.c2 .block { width: 33.3%; padding: 50px 30px; }
.c2 .b2 p:nth-of-type(2) { padding: 0 10%; }

.c3 { flex-direction: column; padding: 50px 0; }
.c3 .block { text-align: center; }
.c3 .projectContainer { width: 80%; margin-left: 10%; float: none; }

.projectContainer { background: #eee; margin-bottom: 30px; }
.projectContainer .b1 { width: 35%; }
.projectContainer .b2 { width: 50%; }
.projectContainer .b3 { width: 15%; }

.c4 { position: relative; }
.c4 .block { padding: 100px 0}

.c4 .block,
.c4 form { width: 100%; }
.c4 form .field { width: 60%; margin-left: 20%; }

.c4 form label { font-size: 1.3rem; font-weight: 700; margin-top: 10px; margin-bottom: 20px;}

.c4 form label,
.c4 form input { text-align: center; }

.c4 form label,
.c4 form input,
.c4 form textarea { display: block; }

.c4 form input,
.c4 form textarea { width: 100%; padding: 10px 5px;}

.c4 button { ;display: block; margin: auto; margin-top: 10px}

.c4 .b2 { position: absolute; text-align: center; flex-direction: column; align-content: center; justify-content; center; height: 100%; background: rgba(0,0,0,0.7); color: #fff; top: 0; left: 0;}
.c4 .b2 p:first-child { font-weight: 700; font-size: 3rem; padding-bottom; 3px;}

.c5 .block { width: 50%; }

@media (max-width: 991px){
  .c1 .b1 { padding-bottom: 80px; }
  .c1 .b2 { padding-bottom: 20px; }
  .c2 .b2 { padding: 100px 0; }
}
/* [Colors]

White:      #ffffff
Whitegrey:  #eeeeee
Blue:       #6666dd
Lightblue:  #7373e0
Dark grey:  #2e2e2e

*/