/* ---------------------------FOOTER----------------------------- */
.grid-33 {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  grid-template-rows: 1auto;
}
footer {
  clear: both;
  background: #f2f2f2;
  padding: 30px;
}

footer img {
  margin: auto;
  display: block;
  max-width: 350px;
}
#copyrights {
  text-align: right;
  padding-top: 20px;
  color: #5d5d5d;
  font-size: 14px;
}
#copyrights a {
  font-size: 14px;
}

#projectNumber {
  text-align: center;
  color: #00358e;
  font-size: 12px;
}

#footerSocial {
  font-size: 35px;
  text-align: right;
}

.icon {
  margin: 10px;
}
img#ccLogo {
  max-width: 170px;
  padding-top: 30px;
}
@media screen and (max-width: 1200px) {
  footer img {
    max-width: 250px;
  }
  #ccLogo {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 850px) {
  #footerSocial {
    text-align: center;
    margin: 35px 5px;
  }
  footer img {
    max-width: 250px;
  }
}