.views_slideshow_cycle_main h2 {position: absolute; color: #fff;  margin-top: 40px; text-shadow: 2px 2px 4px #000000;  padding: 50px; 
   font-size: 50px; }
  .views_slideshow_cycle_main p {color: #fff; font-size: 30px;  line-height: 1.0em; position: absolute; margin-top: -250px; padding: 30px;  width:100%; text-align:center;
   text-shadow: 1px 1px 4px #000000;}
  .views-field-field-button a {text-align: center; position: absolute; margin-top: -100px; color: #fff; font-size: 30px;}
  .views_slideshow_cycle_main a {text-align: center; background-color: #0096D1; padding: 10px;  border-radius: 5px;}
  .views-field .views-field-field-button a {text-align: center; }
  #views_slideshow_cycle_teaser_section_frontpage_slideshow-block_1 {text-align:center;}
.banner h2 {color: #fff; font-weight: bold;}
  /* phone */
  @media only screen and (min-width: 380px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 3) {

  /* banner */
  .banner h2 {color: #fff; font-size: 40px; text-align:center; padding-top: 0; line-height: 40px; text-shadow: 2px 2px 4px #000000; }
  .banner p {color: #fff; font-size: 20px; text-align:center; line-height: 20px; text-shadow: 1px 1px 4px #000000;}
  .banner h4 {color: #fff; font-size: 25px; text-align:center; line-height: 25px;}
  .banner {height: 500px;}
  .no-margin {margin-top:-20px;}
  /*slideshow*/
  .hidden-phone {display:none;}

  }
  /* tablet */
  @media only screen and (min-device-width: 481px) and (max-device-width: 768px) {

  .banner h2 {color: #fff; font-size: 60px; text-align:center; padding-top: 0; line-height: 60px; text-shadow: 2px 2px 4px #000000; }
  .banner p {color: #fff; font-size: 24px; text-align:center; line-height: 24px; text-shadow: 1px 1px 4px #000000;}
  .banner h4 {color: #fff; font-size: 30px; text-align:center; line-height: 30px;}
  .banner { height: 420px;}
  .hidden-tablet {display:none;}
  }


  @media all and (min-device-width: 768px) and (device-height: 1024px) {


  .banner h2 {color: #fff; font-size: 60px; text-align:center; padding-top: 0; line-height: 60px; text-shadow: 2px 2px 4px #000000; }
  .banner p {color: #fff; font-size: 24px; text-align:center; line-height: 24px;}
  .banner h4 {color: #fff; font-size: 30px; text-align:center; line-height: 30px;}
  .banner { height: 420px;}
  .hidden-tablet {display:none; }
  }


  /* desktop */
  @media only screen and (min-width: 1280px) {

  .banner h2 {color: #fff; font-size: 80px; text-align:center; padding-top: 0; line-height: 80px; text-shadow: 2px 2px 4px #000000; }
  .banner p {color: #fff; font-size: 30px; text-align:center; line-height: 30px;}
  .banner h4 {color: #fff; font-size: 50px; text-align:center; line-height: 45px;}
  .banner { height: 420px;}
  .hidden-desktop {display: none;}
  .no-margin {margin-top:-70px;}


   }

  /*@media (min-width: 992px) {*/
  /*.col-lg-9 {*/
  /*flex: 0 0 auto;*/
  /*width: 65%;*/
  /*margin-right: 100px;*/
  /*}*/
  /*}*/

  /* For landscape 
  @media only screen
      and (min-device-width: 768px)
      and (max-device-width: 2732px)
      and (orientation:landscape)
      and (-webkit-min-device-pixel-ratio: 2){
         .hidden-tablet {display:none;}
  }

  /* For Portrait 
  @media only screen
      and (min-device-width: 768px)
      and (max-device-width: 2732px)
      and (orientation:portrait)
      and (-webkit-min-device-pixel-ratio: 2){
         .hidden-tablet {display:none;}
  } */