/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  padding-top: 0; font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:300; line-height:1.5em; color:#d3d3d3;
}


p {font-size:16px; font-family: alda, serif; font-weight:300; line-height:1.7em; color:#e1e1e1;  text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;}

a {color:#333;} a:hover {color:#111;}

.fa {padding: 0 .2em;}

h1.image-box-header {font-size:8em; line-height: .8em; font-family:'Amatic SC', cursive; text-align:center; color:#fff;}

h2 {font-size:2em; font-weight: 800; font-family:'Open Sans', sans-serif; color:#fff;}

.logo { position:absolute; margin:5px; }


.bg-dark {background-color: rgba(255, 255, 255, 0)!important;}

.container {margin-right:0; margin-left:0;}

.col1 {background-image: url("/assets/img/Text_box.jpg");}

.flex {display:flex; flex-wrap:wrap;}

.text-box {
    background: url(/assets/img/Text_box.jpg);
    background-size: cover;
    width: 50%;
    padding: 5em 5em;
    background-position: center;
    background-repeat: no-repeat;
    display:block;
  }

  .image-box1 {
  background: url(/assets/img/Our_Business.jpg);
  background-size: cover;
  width: 50%;
  padding: 5em 7em;
  //background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  justify-content:center;
  flex-direction: column;
}

.image-box2 {
background: url(/assets/img/Digital_marketing.jpg);
background-size: cover;
width: 50%;
padding: 5em 7em;
//background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
justify-content:center;
flex-direction: column;
}

.image-box3 {
background: url(/assets/img/Recruitment.jpg);
background-size: cover;
width: 50%;
padding: 5em 7em;
//background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
justify-content:center;
flex-direction: column;
}

.btn {text-transform: uppercase; font-weight: 600; font-family:'Open Sans', sans-serif; }

.btn-secondary {color:#222; background-color:#ffc423; border-color: #ffc423;}

.btn-secondary:hover {color:#222  ; background-color:#fff; border-color: #fff;}

.socials {text-align:center; margin: 0 auto; padding:2em 0;}

footer {background-color:#ffc423;}

footer p {color:#333; font-size: 12px; padding:5px;text-align:center;font-family:'Open Sans', sans-serif;  margin-bottom: 0;}

@media (max-width: 768px) {
.text-box, .image-box1, .image-box2, .image-box3 {width:100%; margin:0;}

}