h5 {
    font-size: 25px;
    /* font-weight: bold; */
    line-height: 100%;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 10px;
    color:#000000;
}
p {
    font-size: 18px;
    font-weight: bold;    
}
.mainimagefilterstatic {
    background: rgba(0,0,0,0.1);
}
.otherimagefilterstatic {
    background: rgba(0,0,0,0.1);
}

#product1 {
    background-image: url("../images/ClientWork/UCO.png");
}
#product1 .maincontent {
    color: #FFFFFF;
    float: left;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 150px;
    padding-bottom: 15px;
    text-align: left;
    width: 500px;
    background: rgb(0,0,0); /*fallback color*/
    background: rgba(0,0,0,0);/*last value is the opacity*/
    /* font-weight: bold; */
}

#product2 {
    background-image: url("../images/ClientWork/Safkan.png");
}
#product2 .maincontent {
    color: #FFFFFF;
    float: left;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 150px;
    padding-bottom: 15px;
    text-align: left;
    width: 500px;
    background: rgb(0,0,0); /*fallback color*/
    background: rgba(0,0,0,0);/*last value is the opacity*/
    /* font-weight: bold; */
}

#product3 {
    background-image: url("../images/ClientWork/Magpul.png");
}
#product3 .maincontent {
    color: #FFFFFF;
    float: left;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 150px;
    padding-bottom: 15px;
    text-align: left;
    width: 500px;
    background: rgb(0,0,0); /*fallback color*/
    background: rgba(0,0,0,0);/*last value is the opacity*/
    /* font-weight: bold; */
}

#product4 {
    background-image: url("../images/ClientWork/Argali.png");
}
#product4 .maincontent {
    color: #FFFFFF;
    float: left;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 150px;
    padding-bottom: 15px;
    text-align: left;
    width: 500px;
    background: rgb(0,0,0); /*fallback color*/
    background: rgba(0,0,0,0);/*last value is the opacity*/
    /* font-weight: bold; */
}

#product5 {
    background-image: url("../images/ClientWork/Luca.png");
}
#product5 .maincontent {
    color: #FFFFFF;
    float: left;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 150px;
    padding-bottom: 15px;
    text-align: left;
    width: 500px;
    background: rgb(0,0,0); /*fallback color*/
    background: rgba(0,0,0,0);/*last value is the opacity*/
    /* font-weight: bold; */
}
#product6 {
    background-image: url("../images/ClientWork/FisherBlades.png");
}
#product6 .maincontent {
    color: #FFFFFF;
    float: left;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 150px;
    padding-bottom: 15px;
    text-align: left;
    width: 500px;
    background: rgb(0,0,0); /*fallback color*/
    background: rgba(0,0,0,0);/*last value is the opacity*/
    /* font-weight: bold; */
}
#product7 {
    background-image: url("../images/ClientWork/Boker.png");
}
#product7 .maincontent {
    color: #FFFFFF;
    float: left;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 150px;
    padding-bottom: 15px;
    text-align: left;
    width: 500px;
    background: rgb(0,0,0); /*fallback color*/
    background: rgba(0,0,0,0);/*last value is the opacity*/
    /* font-weight: bold; */
}
#product8 {
    background-image: url("../images/ClientWork/Ratlab.png");
}
#product8 .maincontent {
    color: #FFFFFF;
    float: left;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 150px;
    padding-bottom: 15px;
    text-align: left;
    width: 500px;
    background: rgb(0,0,0); /*fallback color*/
    background: rgba(0,0,0,0);/*last value is the opacity*/
    /* font-weight: bold; */
}
#product9 {
    background-image: url("../images/ClientWork/Pepperwool.png");
}
#product9 .maincontent {
    color: #FFFFFF;
    float: left;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 150px;
    padding-bottom: 15px;
    text-align: left;
    width: 500px;
    background: rgb(0,0,0); /*fallback color*/
    background: rgba(0,0,0,0);/*last value is the opacity*/
    /* font-weight: bold; */
}

/* Mobile styles for client work page */
@media screen and (max-width: 800px) {
  h5 {
    font-size: 20px;
    margin-top: 20px;
  }

  p {
    font-size: 14px;
  }

  #product1 .maincontent,
  #product2 .maincontent,
  #product3 .maincontent,
  #product4 .maincontent,
  #product5 .maincontent,
  #product6 .maincontent,
  #product7 .maincontent,
  #product8 .maincontent,
  #product9 .maincontent {
    width: 100%;
    max-width: 100%;
    float: none;
    padding: 15px;
    padding-top: 80px;
  }
}

@media screen and (max-width: 480px) {
  #product1 .maincontent,
  #product2 .maincontent,
  #product3 .maincontent,
  #product4 .maincontent,
  #product5 .maincontent,
  #product6 .maincontent,
  #product7 .maincontent,
  #product8 .maincontent,
  #product9 .maincontent {
    padding-top: 50px;
  }
}