/*sdi-series redesign*/

/************* Lenovo Mast Logos *************/

#seriesPage .logo {
  background-color: #4AC0E0;
}

@media (max-width: 73.688em) {
  .logoWrapper .logo a {
    background-image: url(/medias/mast-logo-sm-cyan-200x67.png?context=bWFzdGVyfHJvb3R8NTEyNXxpbWFnZS9wbmd8aGE4L2g5NC85NzA5Njk0NDE4OTc0LnBuZ3xlNDcwMTQzZjgzOWQ0NDEzMTdlYjg0ZjNmYzAwNDY5YjA1NDlhYzgxNzg0OThiNTNkZWM3MWZiMmUyZWNlMGUx)
  }
}
@media (min-width: 46.938em) {
.scrolled.logoWrapper .logo a {
    background-image: url(/medias/mast-logo-letter-cyan-130x100.png?context=bWFzdGVyfHJvb3R8NDAxOHxpbWFnZS9wbmd8aDE4L2gwOC85NzA5Njk0MzUzNDM4LnBuZ3w5Y2M1ZGU1ZjgzYmM1ZTdjNDk0OWY0NzA2YzBhNzZhYmVjYzY0ODMzZGVjYTY0N2Y2YzIxMTJiYTVlZmNkZTli
);
    max-width: 65px;
  }
}

/*********** Hero Image ***********/

@media screen and (max-width:53em) {
  #backgrounImageLayout:nth-of-type(2) {
    background: url(/medias/lenovo-data-center-sdi-series-hero-design-01.png?context=bWFzdGVyfHJvb3R8MzE3NTh8aW1hZ2UvcG5nfGhlZi9oOGIvOTcwOTY5NDQ4NDUxMC5wbmd8YTUxOWRlOTE0MTRmMDY0NTI1Mzk0ZjA4NjQ4OWZiZDY0NDg4NmE0MDRiY2I4YjMzMDVmNjlkYmMzNzM2MjcwYQ) no-repeat;
    background-position-x: right;
  }
}

@media screen and (max-width:30em) {
  #backgrounImageLayout:nth-of-type(2) {
    background-position-x: 6em;
  }
}

/************* Why-lenovo icon adjustments *************/

i {
  color: #4AC0E0 ;
}

/************* Button Adjustments *************/
a.premium-link {
    font-size: 0.9em;
    line-height: 1.0em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin: 0;
    padding: 1.0em 1.4em;
    display: inline-block;
    text-decoration: none;
    color: #000;
    border: 1px solid #000;
    background: rgba(255, 255, 255, 0);
    transition: .2s;
    width: 15em;
    text-align: center;
    border-radius: 3px;

}

#backgrounImageLayout:nth-of-type(6) a.premium-link {
  color: #fff;
  border: 1px solid #fff;
}

#imageTextSideBySideLayout a.premium-link {
  color: #fff;
  border: 1px solid #fff;
}

.prem-link-container {
    margin: 2em auto;
}

a.premium-link:hover {
    color: #fff;
    background: #4AC0E0 ;
    border: 1px solid #4AC0E0 ;
}

/***************** Announcement Blade adjustments *****************/

#imageTextSideBySideLayout .heroSectionContent-subHeading
 {
  font-weight: 300;
  font-size: 1.6em;
  line-height: 1.2em;
  position: relative;
  top:-1.0em;
}
