﻿.marquee {
  position: relative;
}

.marquee .fourcol {
  position: relative;
  z-index: 10;
}

p.iframe-p {margin-bottom:5px !important;}

.marquee .tencol {
  margin-left: -17.25%; /* subtract width = twocol width (13.45) + right margin width (3.8) */
  position: relative;
  z-index: 5;
}

.marquee .link_arrow_grey {
  display: block;
}

#ship_date {
  color: #797979;
  font-size: 14px;
 }
 
 .promos {
   background-color: #0fb3f0;
 }
 
 #connect_form {
   height: 160px;
   margin-top: -40px;
 }
 
 #touts1 .button { margin-top: -10px; }
 #touts2 .threecol-c { padding-bottom: 10px; }
 #touts2 .link_icon { /*white-space: nowrap;*/ text-align: left; margin-top: -10px; } 
 #touts2 .button_transparent.link_icon i {margin:2px 0px 2px 0px;}
 #touts2 .button_transparent.link_icon span {margin-right:10px;}
 #touts2 .button_transparent.link_icon.text_white i.icon_white.icon_arrow_right {background-position: -42px -207px;}
 #touts2 .button_transparent.link_icon.text_white i.icon_white.icon_arrow_right:hover {background-position: -43px -236px;}
  
 /* add page-specific media queries below */
 
 #home.de-DE #hero h1 { max-width: 500px; }
 #home.de-DE .sixcol.copy-block {margin-left: 0%;}

@media only screen and (min-width: 800px) 
{
    #home.de-DE .home-hero .chromeless {right: -200px !important; }
}

@media only screen and (min-width: 1020px) 
{
    
    #home.de-DE .home-hero .chromeless {right: -150px !important; }
}

@media only screen and (min-width: 1280px) 
{
    #home.de-DE .home-hero .chromeless {right: 5% !important; }
}
@media only screen and (min-width: 1400px) 
{
    #home.de-DE .sixcol.copy-block {margin-left: 5%;}
    #home .home-hero .chromeless {right: 10% !important; }
}


@media only screen and (max-width: 800px) {
    #home #hero { padding-bottom: 30px; background-image: none; }
    #touts1 .threecol-b { padding-bottom: 10px;  }
    #touts2 .threecol-c { padding-bottom: 10px; padding-top: 10px; }
    #touts1 .button { margin-top: 10px; }
    #touts2 .link_icon { margin-top: 0px; } 
}

@media only screen and (max-width: 768px) {
  .threecol-c {
    padding: 15px 0 5px;    
  }
  .threecol-b {
      padding: 10px 0 ;
  }
}

#home .sixcol.copy-block{
    margin-left: 5% ;
}



@media only screen and (min-width: 760px) and (max-width: 850px) {
    #home #hero h1,
    #home #hero p,
    #home #hero .primary.button,
    #home #hero .secondary.button {
        margin-left: -2% !important;
    }
    
    #home.de-DE #hero h1,
    #home.de-DE #hero p,
    #home.de-DE #hero .primary.button,
    #home.de-DE #hero .secondary.button{
        
    }
    
    #home #hero .onecol { width: 2%; margin-right: 2%; }
}

@media only screen and (min-width: 800px) and (max-width: 850px) {
 #home.de-DE .sixcol.copy-block {margin-left: 5%;}
}

