.btn-main
{
  flex: 1 1 auto;
/*  margin: 10px;*/
  padding: 25px 50px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  font-weight: 900;
 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
   background-image: linear-gradient(to right, #4F9AF3 0%, #F6464D 51%, #4F9AF3 100%);
}
.btn-main:hover
{
   background-position: right center;
   color: #fff;
}

  .splash-head {
  font-family: 'Abril Fatface', cursive;
  font-size: 38px;
  letter-spacing: 1px;
  line-height: 48px;

}

.splash-header
{
  background: url('../images/splash/1/Background-web.png');
    background-repeat: no-repeat;
background-size: 100% 100% !important;
height: 850px;
}

.splash-head .text-primary
{
  color: #4E83B7 !important;
}
.splash-head .text-danger
{
  color: #D12C30 !important;
}
.splash-sub-head
{
  font-size: 21px;
  line-height: 27px;
  color: #5E5873;
}
.main-logo
{
   padding:30px 30px 0;
    width: 120px;
}

@media (min-width: 320px) and (max-width: 480px) {
  body
  {
    overflow-x: hidden;
  }
  .splash-header
{
  background: url('../images/splash/1/Background-mob.png') !important;
 
background-size: 100% auto !important;
background-repeat: no-repeat !important;
/*height: 100% !important;*/
}
.mob-header-padding
{
  padding-top: 32%;
}
.splash-sub-head
{
font-size: 15px;
padding: 0 37px;
line-height: 22px;
}
.splash-head 
{
 font-size: 26px;
line-height: 32px;
}
.btn-main
{
  padding: 15px;
}
.main-logo
{
  padding-top: 10px;
}
}
@media (min-width: 481px) and (max-width: 640px) {
   body
  {
    overflow-x: hidden;
  }
  .splash-header
{
  background: url('../images/splash/1/Background-mob.png') !important;
 
background-size: 100% auto !important;
background-repeat: no-repeat !important;
height:1000px  !important;
}
.mob-header-padding
{
  padding-top: 42%;
}
.splash-sub-head
{
font-size: 15px;
padding: 0 37px;
line-height: 22px;
}
.splash-head 
{
 font-size: 26px;
line-height: 32px;
}
.btn-main
{
  padding: 15px;
}
.main-logo
{
  padding-top: 10px;
}
}
@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape){
    body
  {
    overflow-x: hidden;
  }
.splash-header
{
  background: url('../images/splash/1/Background-web-landscap.png');
  background-size: auto;
  background-size: 100% 100% !important;
  height: 580px;
}
.mob-header-padding
{
  padding-top: 0%;
}
.splash-sub-head
{
font-size: 15px;
padding: 0 37px;
line-height: 22px;
}
.splash-head 
{
 font-size: 26px;
line-height: 32px;
}
.btn-main
{
  padding: 15px;
}
.main-logo
{
  padding-top: 10px;
}
  
}
@media (min-width: 768px) and (max-width: 1024px)  {
.splash-header
{
  background: url('../images/splash/1/Background-web-landscap.png');
  background-size: auto;
  background-size: 100% 100% !important;
  height: 700px;
}
.mob-header-padding
{
  padding-top: 0%;
}
.splash-head 
{
 font-size: 26px;
line-height: 32px;
}
.splash-sub-head
{
font-size: 15px;
padding: 0 37px;
line-height: 22px;
}
}
@font-face {
   font-family: abril_fatface;
   src: url(webfonts/AbrilFatface-Regular.ttf);
}
.custom_ff_abril{
  font-family: abril_fatface;
}
.dark_black{
  color: #000000 !important;
}
.color_black{
  color: #5E5873 !important;
}