.c-item {
  height: 480px;
}

.c-img {
  height: 100%;
  object-fit: cover;
  filter: brightness(0.6);
}

.cs-overview {
  height: 180px;
  background-color: #d3dae1;
}

.cs-small-overview {
  background-color: #d3dae1;
}

.cs-small-overview-darker {
  background-color: #898b8c;
}

.cs-img-logo {
  width: 32px;
  height: 40px;
  object-fit: fill;
}

.cs-img-socials {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.cs-multilinerow {
  height: 115px;
}


/*Dummy styles for use in jquery 
  - creating them here to avoid confusion of 
  - thinking it's a valid styles that exists somewhere
*/
.services-more {  
  padding-left: auto;
}
.services-back {  
  padding-left: auto;
}
.menu-clicks {  
  padding-left: auto;
}
.about-submenu {  
  padding-left: auto;
}

.footer_bottom {
	bottom: 0;
}

.custom-container-fluid {
  height: 100vh;
}

.custom-row {
  height: calc(100vh - 300px);
}

.custom-min-h {
  min-height: calc(100vh - 300px);
}

.cc-red {
  color: #FF0000;
}

.cc-blue {
  color: #0000FF;
}

@media only screen and (max-width: 800px) {
  .c-img-small-notused {
    width: 90%;
    height: 80%;
    filter: brightness(0.6);
    
  }
}

.c-img-small {
  width: 90%;
  height: 80%;
  filter: brightness(0.6);
  
}

.cc-marketplace {
  background-color: #5fc2d7;
}

.cc-full-size  {
  height: -moz-calc(100vh - 180px);
  height: -webkit-calc(100vh - 180px);
  height: calc(100vh - 180px);
}