/*******************************/
/*******************************/
/* Company INTRO               */
/*******************************/
/*******************************/

#companyIntro {
    width: 100%;
    /* background: #006B79; */
    background: #fff;
    /* font-family: "Jura", sans-serif; */
    font-family: 'IBM Plex Sans', sans-serif;
    color: #013046 !important;
    /* margin-top: 40px; */
	padding-top: 30px!important;
}

/************/
/************/
/* CLIENT 1 */
/************/
/************/

.clientOne {
  background: url(../img/clients/cfstudios.png) no-repeat center center fixed;
  display: table;
  height: 82%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -1;
  opacity: 0.8;
}

.clientTextOne {
  opacity: 1.0;
  z-index: 1;
}

/************/
/************/
/* CLIENT 2 */
/************/
/************/

#clientTwo {
  background: url(../img/clients/photo0008-front.png) no-repeat center center fixed;
  display: table;
  height: 82%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#clientTwo .text-portfolio {
	font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 600;
	color: #fff;
}

/************/
/************/
/* CLIENT 3 */
/************/
/************/

#clientThree {
  background: url(../img/clients/photo1305.jpg) no-repeat center center fixed;
  display: table;
  height: 82%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


/******************************************************/
/*************** END of all the Clients ***************/
/******************************************************/


/*******************************/
/*******************************/
/* Company SERVICES            */
/*******************************/
/*******************************/

#companyServices {
    width: 100%;
    /* background: #006B79; */
    background: #013046;
    /* font-family: "Jura", sans-serif; */
    font-family: 'IBM Plex Sans', sans-serif;
    color: #fff !important;
    /* margin-top: 40px; */
	margin-top: 0px!important;
}

/************/
/************/
/* ARTICLES */
/************/
/************/

#techArticles {
  background: url(../img/Focus-ETech.png) no-repeat center center fixed;
  display: table;
  /*height: 100%;*/
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.articleRow {
	margin-top: 60px;
	/*margin-bottom: -200px;*/
}

.blogFont{
	color: #fff;
}

#subscribe {
    width: 100%;
    /* background: #006B79; */
    background: #010d46;
    /* font-family: "Jura", sans-serif; */
    font-family: 'IBM Plex Sans', sans-serif;
    color: #fff !important;
    /* margin-top: 40px; */
	margin-top: 0px!important;
}

/********************************************************************/
/********************************************************************/
/* END Updates to my Tech website... adding my contracting services */
/********************************************************************/
/********************************************************************/

/* footer {
  padding: 20px 0;
}

footer .glyphicon {
  color: #333333;
  font-size: 60px;
}

footer .glyphicon:hover {
  color: #306d9f;
}*/

/*************************/
/*************************/
/* Fade In and Fade Out */
/************************/
/************************/

.client1-fading{
	animation:fading 10s 2
}
.client2-fading{
	animation:fading 20s 2
}
.client3-fading{
	animation:fading 30s 2
}
@keyframes fading{
	0%{opacity:0}
	50%{opacity:1}
	100%{opacity:0}
}