/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 10 2020 | 16:34:49 */
#hpHeaderDesk h1, #hpHeaderTab h1 {font-size: 42px;
      line-height: 46px;
      margin: 0px auto 0px;
      text-align: left;
      color: #fff;
       text-shadow: 1px 1px 0 #7A7A7A, 1px 1px 0px rgba(0,0,0,0.51);
      font-weight: bolder;
	   margin-top: 86px;}

#hpHeaderMob h1 {font-size: 28px;
      line-height: 34px;
      margin: 0px auto 0px;
      text-align: left;
      color: #fff;
       text-shadow: 1px 1px 0 #7A7A7A, 1px 1px 0px rgba(0,0,0,0.51);
      font-weight: bolder;
	   margin-top: 50px;}
/*#hpHeaderMob .hpHeadRows {
  margin: 0px auto; 
  width: 80%;
  max-width: 510px;
}*/

#hpHeaderDesk .hpHeadRows {
  margin: 0px auto; 
  width: 90%; 
  max-width: 1110px;
}
#hpHeaderMob .hpHeader {
  background-position: top center !important;
  /*background-size: contain !important;*/
}
#hpHeaderDesk .hpHeader {
  background-position: top center !important;
  background-size: cover !important;
}

#hpHeaderTab .hpHeader {
  background-position: top center !important;
  background-size: 100% !important;
}
#hpHeaderDesk {max-height: 450px;}
#hpHeaderDesk .titleRow {height: 377px; max-height: 377px;}
#hpHeaderTab .titleRow {margin: 0px auto; width: 90%; text-align: left; height: 248px; max-height: 248px;}
#hpHeaderTab {max-height: 315px;}
#hpHeaderMob .titleRow {height: 199px; max-height: 199px; margin: 0px auto;}
#hpHeaderMob {height: 683px; max-height: 250px;}
.hpIntro {
  width: 80%;
  max-width: 600px;
  text-align: center;
  margin: 140px auto 10px;
}
#hpIntroTxtMono.hpIntro {
  margin-top: 100px !important;
}

div#hpIntroTxtDuo.hpIntro {
  		margin: 100px auto 10px !important;
}

@media only screen and (min-width: 1366px) {
	#hpIntroTxt {
      width: 600px;
      margin: 140px auto 10px !important;
  }
}

/*https://www.iinadvancedcourses.com*/
@media only screen and (max-width: 1365px) {
  #hpHeaderDesk {
    background-image: url(/wp-content/uploads/2019/05/HP_header_desk.jpg) !important;
    background-position: top center !important;
    background-size: cover !important;
  }
}
@media only screen and (min-width: 1025px) {
  #hpIntroTxtDuoTab  { display: none;}  
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #hpHeaderTab {display: block !important;}
  #hpIntroTxt {
  		margin: 220px auto 10px;
	}
  .hpIntro {
  margin: 220px auto 10px;
  }
  #hpIntroTxtMono.hpIntro {
  margin-top: 100px !important;
  }
}
@media only screen and (min-width: 500px) and (max-width: 767px) {
  #hpHeaderMob .hpHeader { background-size: 100% auto !important;}
  #hpHeaderTab {display: none;}
   .hpIntro {
      width: 80%;
      max-width: 600px;
      text-align: center;
      margin: 415px auto 10px;
  	}
  #hpIntroTxtMono.hpIntro {
  margin-top: 100px !important;
}
  #hpHeaderMob .titleRow {width: 80%;}
}  
@media only screen and (max-width: 499px) {
  #hpHeaderTab {display: none;}
  #hpHeaderMob .hpHeader { background-size: auto 250px !important;}
    #hpHeaderMob .hpHeadRows {
      margin: 0px auto; 
      width: 95%;
    }
     .hpIntro {
      width: 90%;
      text-align: center;
      margin: 675px auto 10px;
  	}
    #hpIntroTxtMono.hpIntro {
    margin-top: 185px !important;
   }
   #hpHeaderMob .titleRow {width: 90%;}
}