/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 02 2020 | 10:53:24 */

body {
  font-family:  Roboto Condensed,sans-serif;
  letter-spacing: 0.07em;
} 

body .primary-color-bg {
    /*background-color: rgb(237, 136, 46);*/
  background-color: #444449;
}

body .ctsc-button {
  border-radius: 15px;
  background-color: #ed882e;
  
}

body .ctsc-button-text {
  color:#fff;
}

.subfooter {
  opacity:0.8;
}


.header, .features, .portfolio, .services dark, .testimonials
{
  background-color: #222 !important;  
}

.clients .client img {
  height: 100px;
	width: auto;
}


.content-portfolio{
  width: 100%;
}

#mega-menu-wrap-main_menu
{
  padding: 20px 0 0 20px;
}

.features2 {
    margin: 25px 0 0 0;
    padding: 80px 0 10px;
    color: white;
    background: rgba(0, 0, 0, 0.4);
}

/* @media only screen and (max-width: 640px) */
.container {
    padding: 0 10px;
    text-align: center;
}

.feature-title
{
  color:rgb(237, 136, 46);
  text-shadow: 3px 3px 3px grey;
}

.portfolio-item img
{
  width: auto !important;
}

.portfolio-item-image{
  background: none;
}

.portfolio-item .portfolio-item-title {
  color: #222;
  font-weight: 700;
  font-size: 2.5em;
  letter-spacing: 0.45em;
  bottom: 25%;
  margin: 0 25% -20px;
  z-index: 1;
  
}

.portfolio-item .portfolio-item-title, .portfolio-item .portfolio-item-description {
  width: 50%;
  background-color: white;
}

@media only screen and (min-device-width : 321px) and (max-device-width : 640px) {
  .portfolio-item .portfolio-item-title, .portfolio-item .portfolio-item-description {
   width: 80%;
   margin: 10px 0 0 10%;
   font-size: 2.0em;
  letter-spacing: 0.25em;
  }
}

.portfolio-item:hover .portfolio-item-overlay {
    opacity: 0;
}


#footer {
  display: none;
}
