h2 {
margin: 2px 0 15px 0;
}
.dep1 {
display: block;
box-sizing: border-box;
overflow: hidden;
width: 20%;
height: auto;
float: left;
}
.dep2 {
display: block;
box-sizing: border-box;
overflow: hidden;
width: 80%;
height: auto;
float: right;
padding-left: 20px;
text-align: left;
}
div.departments:nth-child(3) > div:nth-child(2) > h2:nth-child(3) {
margin: 25px 0 15px 0;
}

.departments {
display: block;
box-sizing: border-box;
overflow: hidden;
clear: both;
width: 100%;
min-height: 350px;
height: auto;
background-color: white;
border: #1b92f0 1px solid;
padding: 20px;
margin-bottom: 20px;
}
.departments img {
display: block;
width: 100%;
height: auto;
}
.departments ul {
list-style-type: square;
list-style-position: outside;
margin: 0 0 6px 15px;
}
.departments ul li {
font-family: 'Roboto', sans-serif;
font-size: 1em;
color: #2b2b2b;
text-decoration: none;
font-weight: 400;
margin: 0 0 6px 0;
}


@media screen and (max-width: 820px) {
  .dep1, .dep2 {
  clear: both;
  width: 100%;
  }
  .departments img {
    width: 55%;
    margin: 0 auto 10px auto;
  }
}
@media screen and (max-width: 500px) {
  .departments img {
    width: 75%;
  }
}