@import "colors.css";
@import "text.css";

body {
  background-color: #eee;
}

p{
  color: var(--darkgrey);
}

.mobile {
  display: none;
}
.desktop {
  display: block;
}

.section{
  padding-top: 60px;
  padding-bottom: 60px;
}

.header{
  padding-top: 60px;
  padding-bottom: 60px;
}

.border-right{
  border-right: 1px solid var(--white);
}

/* Navigation */

.top_section{
  background-color: var(--red);
  color: var(--white);
  padding: 10px;
}

.top_section .top-number{
  font-size: 2em;
}

/* Carousel */

.carousel-caption h5{
  color: var(--red);
}

.carousel-caption p{
  color: var(--red);
}

/* Box */

.box-one i{
  font-size: 2em;
  color: var(--red);
}

.box-4{
  background-color: var(--darkgrey);
  padding: 20px;
}

/* Layout */

.layout1 h6{
  margin-top: 10px;
  text-transform: uppercase;
  color: var(--red);
}

.layout1 i{
  color: var(--red);
}

/* Button */
.btn-bbc-primary{
  background-color: var(--red);
  color: var(--white);
}


/* Clients */
.clients{
  margin-top: 80px;
}
.clients img{
  width: 100%;
}

.bottom_background{
  background: var(--white) url("../img/background1.jpg") fixed center no-repeat;
  background-size: cover;
}

.bottom_background p{
  color: var(--white);
}

.bottom_background h3{
  color: var(--red);
}

.WhatsAppBtn {
  display: block;
  float: right;
  z-index: 102;
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #2cb742;
  color: #fff;
  padding: 2px;
  text-align: center;
}

.WhatsAppBtn i{
  font-size: 2em;
}

footer{
  background-color: var(--red);
  padding: 10px;
}

footer p,
footer a{
  color: var(--white);
}

/* Services */
.header-services{
  background: var(--darkgrey) url("../img/background_services.jpg") center fixed no-repeat;
  background-size: cover;
}

.header-services h2{
  color: var(--red);
  font-weight: 900;
  font-size: 4em;
  text-transform: uppercase;
}

.header-services h6,
.header-services h5{
  color: var(--white);
}

.header-services .box-4{
  border-radius: 10px;
  margin-top: 40px;
  margin-bottom: -110px;
}

.header-services .box-4 div.col-md-2{
  text-align: center;
}

.header-services .box-4 div h5{
  font-weight: 100;
}

.service-box{
  background-color: var(--red);
  padding: 10px;
  border-radius: 10px;
  color: var(--white);
}

.service-box p{
  color: var(--white);
}

/* Products */
.header-products{
  background: var(--darkgrey) url("../img/background_products.jpg") center fixed no-repeat;
  background-size: cover;
}

.header-products h2{
  color: var(--red);
  font-weight: 900;
  font-size: 4em;
  text-transform: uppercase;
}

.header-products h6,
.header-products h5{
  color: var(--white);
}

.header-products .box-4{
  border-radius: 10px;
  margin-top: 40px;
  margin-bottom: -110px;
}

.header-products .box-4 div.col-md-2{
  text-align: center;
}

.header-products .box-4 div h5{
  font-weight: 100;
}

/* Gallery */
.gallery-item{
  height: 200px;
}