html,
body {
  height: 100%;
  font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}
a {
  word-wrap: break-word;
}
a:hover {
  cursor: pointer;
}
h1,
h2,
h3 {
  color: #000;
  font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}
h2 {
  font-size: 31px;
}
p {
  color: #3c3c3c;
  font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  width: 415px;
}
.button {
  background-color: #1174B9;
  border: none;
  color: #fff;
  font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  padding: 12px 31px;
}
.button:hover {
  cursor: pointer;
}
.clear-button {
  background-color: transparent !important;
  border: 1px solid transparent;
  color: #1174B9 !important;
}
.white-button {
  background-color: #fff;
}
.blue-button {
  background-color: #1174B9;
}
.sup {
  position: relative;
  bottom: 1ex;
  font-size: 67%;
}
#container {
  height: 100%;
}
#container #wrapper #menu {
  float: left;
  padding: 0;
  width: 100%;
}
#container #wrapper #menu #menu-top {
  border-bottom: 3px solid #1174B9;
  float: left;
  width: 100%;
}
#container #wrapper #menu #menu-top #left-content {
  float: left;
  padding-left: 0;
}
#container #wrapper #menu #menu-top #left-content img {
  float: left;
  padding: 21px 0 7px 15px;
}
#container #wrapper #menu #menu-top #right-content {
  float: right;
  padding: 33px 0 0 0;
}
#container #wrapper #menu #menu-bottom {
  padding: 16px 0 40px 0;
  float: left;
  text-align: right;
  width: 100%;
}
#container #wrapper #menu #menu-bottom .button:nth-of-type(1) {
  margin-right: 20px;
}
#container #wrapper #menu .button {
  padding: 15px 13px;
}
@media handheld,only screen and (max-width: 600px) {
  #container #wrapper #menu #menu-top #left-content {
    width: 100%;
    text-align: center;
  }
  #container #wrapper #menu #menu-top #left-content img {
    float: initial;
  }
  #container #wrapper #menu #menu-top #right-content {
    padding: 33px 0 13px 0;
  }
  #container #wrapper #menu #menu-bottom .button:nth-of-type(1) {
    margin-right: 0;
  }
}
@media handheld,only screen and (max-width: 500px) {
  #container #wrapper #menu #menu-top #right-content {
    padding: 33px 0 12px 0;
  }
  #container #wrapper #menu #menu-bottom {
    padding: 13px 0 40px 0;
  }
  #container #wrapper #menu .button {
    font-size: 11px;
  }
}
@media handheld,only screen and (max-width: 350px) {
  #container #wrapper #menu .button {
    font-size: 9.1px;
    padding: 15px 11px;
  }
}
#container #wrapper #block1,
#container #wrapper #block2,
#container #wrapper #block3,
#container #wrapper #block4,
#container #wrapper #block5,
#container #wrapper #block6,
#container #wrapper #block7 {
  float: left;
  width: 100%;
}
#container #wrapper #block1 {
  margin: 0 0 -5px 0;
  background-image: url('../../images/hero_button.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  float: left;
  height: 540px;
  width: 100%;
}
#container #wrapper #block1 iframe,
#container #wrapper #block1 img {
  height: 540px;
  width: 100%;
}
@media handheld,only screen and (min-width: 1000px) {
  #container #wrapper #block1 iframe,
  #container #wrapper #block1 img {
    height: 540px;
    width: 100%;
  }
}
@media handheld,only screen and (min-width: 1400px) {
  #container #wrapper #block1 iframe,
  #container #wrapper #block1 img {
    height: 600px;
    width: 100%;
  }
}
#container #wrapper #block2 {
  background-image: url('../../images/Discover.jpg');
  background-position: center bottom;
  background-repeat: no-repeat;
  webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  float: left;
  height: 440px;
  width: 100%;
}
#container #wrapper #block2 .content {
  float: right;
  padding: 56px 0 0 30px;
  width: 37%;
}
#container #wrapper #block2 .content h2 {
  color: #fff;
  font-size: 31.5px;
  font-weight: 400;
  line-height: 41px;
  margin: 10px 10px 50px 0;
}
#container #wrapper #block2 .content .button {
  border: 1px solid white;
  color: #fff !important;
  font-size: 18px;
  padding: 15px 30px;
}
@media handheld,only screen and (min-width: 1300px) {
  #container #wrapper #block2 {
    height: 600px;
  }
  #container #wrapper #block2 .content {
    float: initial;
    margin: 0 auto;
    padding: 10% 0 0 0;
    text-align: center;
    width: 50%;
  }
}
@media handheld,only screen and (min-width: 1700px) {
  #container #wrapper #block2 {
    height: 750px;
  }
}
@media handheld,only screen and (min-width: 2100px) {
  #container #wrapper #block2 {
    height: 950px;
  }
}
@media handheld,only screen and (max-width: 900px) {
  #container #wrapper #block2 {
    height: 420px;
  }
  #container #wrapper #block2 .content {
    padding: 70px 0 0 0;
    text-align: center;
    width: 100%;
  }
}
#container #wrapper #block3,
#container #wrapper #block5,
#container #wrapper #block7 {
  background-position: center bottom;
  background-repeat: no-repeat;
  webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  float: left;
  height: 240px;
  margin: 5px 0 0 0;
  text-align: center;
  width: 100%;
}
#container #wrapper #block3 h2,
#container #wrapper #block5 h2,
#container #wrapper #block7 h2 {
  color: #fff;
  font-size: 33px;
  font-weight: 400;
  margin-top: 10px;
  padding: 0 10px 0 10px;
}
#container #wrapper #block3 h3,
#container #wrapper #block5 h3,
#container #wrapper #block7 h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 400;
  padding: 65px 10px 0 10px;
}
#container #wrapper #block3 {
  background-image: url('../../images/Surface Laptop.jpg');
}
@media handheld,only screen and (max-width: 400px) {
  #container #wrapper #block3 h3 {
    padding: 45px 10px 0 10px;
  }
}
#container #wrapper #block4,
#container #wrapper #block6,
#container #wrapper #block8 {
  float: left;
  padding: 40px 0 60px 0;
  width: 100%;
}
#container #wrapper #block4 #left,
#container #wrapper #block4 #middle_left,
#container #wrapper #block4 #middle_right,
#container #wrapper #block4 #right,
#container #wrapper #block6 #left,
#container #wrapper #block6 #middle_left,
#container #wrapper #block6 #middle_right,
#container #wrapper #block6 #right,
#container #wrapper #block8 #left,
#container #wrapper #block8 #middle_left,
#container #wrapper #block8 #middle_right,
#container #wrapper #block8 #right {
  float: left;
  width: 25%;
}
#container #wrapper #block4 #left .image-container,
#container #wrapper #block4 #middle_left .image-container,
#container #wrapper #block4 #middle_right .image-container,
#container #wrapper #block4 #right .image-container,
#container #wrapper #block6 #left .image-container,
#container #wrapper #block6 #middle_left .image-container,
#container #wrapper #block6 #middle_right .image-container,
#container #wrapper #block6 #right .image-container,
#container #wrapper #block8 #left .image-container,
#container #wrapper #block8 #middle_left .image-container,
#container #wrapper #block8 #middle_right .image-container,
#container #wrapper #block8 #right .image-container {
  height: 150px;
  padding: 0 0 0 2%;
  text-align: center;
}
#container #wrapper #block4 #left h2,
#container #wrapper #block4 #middle_left h2,
#container #wrapper #block4 #middle_right h2,
#container #wrapper #block4 #right h2,
#container #wrapper #block6 #left h2,
#container #wrapper #block6 #middle_left h2,
#container #wrapper #block6 #middle_right h2,
#container #wrapper #block6 #right h2,
#container #wrapper #block8 #left h2,
#container #wrapper #block8 #middle_left h2,
#container #wrapper #block8 #middle_right h2,
#container #wrapper #block8 #right h2 {
  font-size: 13px;
  font-weight: 600;
  margin: 70px auto 20px auto !important;
  text-align: center;
  width: 90%;
}
#container #wrapper #block4 #left p,
#container #wrapper #block4 #middle_left p,
#container #wrapper #block4 #middle_right p,
#container #wrapper #block4 #right p,
#container #wrapper #block6 #left p,
#container #wrapper #block6 #middle_left p,
#container #wrapper #block6 #middle_right p,
#container #wrapper #block6 #right p,
#container #wrapper #block8 #left p,
#container #wrapper #block8 #middle_left p,
#container #wrapper #block8 #middle_right p,
#container #wrapper #block8 #right p {
  font-size: 13px;
  margin: 0 auto;
  text-align: center;
  width: 90%;
}
#container #wrapper #block4 .button-container,
#container #wrapper #block6 .button-container,
#container #wrapper #block8 .button-container {
  float: left;
  margin: 60px 0 0 0;
  text-align: center;
  width: 100%;
}
#container #wrapper #block4 .button-container .button,
#container #wrapper #block6 .button-container .button,
#container #wrapper #block8 .button-container .button {
  border-color: #3c3c3c;
  color: #3c3c3c !important;
  font-size: 18px;
  padding: 15px 30px;
}
#container #wrapper #block4 #left img {
  margin: 35px 0 0 0;
  width: 220px;
}
#container #wrapper #block4 #middle_left img {
  margin: 25px 0 0 0;
  width: 212px;
}
#container #wrapper #block4 #middle_right img {
  margin: 60px 0 0 0;
  width: 220px;
}
#container #wrapper #block4 #right img {
  width: 180px;
}
#container #wrapper #block6 #left h2,
#container #wrapper #block6 #middle_left h2,
#container #wrapper #block6 #middle_right h2,
#container #wrapper #block6 #right h2 {
  margin: 48px auto 20px auto !important;
}
#container #wrapper #block6 #left img {
  margin: 65px 0 0 0;
  width: 230px;
}
#container #wrapper #block6 #middle_left img {
  margin: 25px 0 0 0;
  width: 205px;
}
#container #wrapper #block6 #middle_right img {
  margin: 18px 0 0 0;
  width: 220px;
}
#container #wrapper #block6 #right img {
  margin: 10px 0 0 0;
  width: 230px;
}
#container #wrapper #block8 #left h2,
#container #wrapper #block8 #middle_left h2,
#container #wrapper #block8 #middle_right h2,
#container #wrapper #block8 #right h2 {
  margin: 60px auto 20px auto !important;
}
#container #wrapper #block8 #left img {
  margin: 65px 0 0 0;
  width: 230px;
}
#container #wrapper #block8 #middle_left img {
  margin: 25px 0 0 0;
  width: 205px;
}
#container #wrapper #block8 #middle_right img {
  margin: 23px 0 0 0;
  width: 230px;
}
#container #wrapper #block8 #right img {
  width: 180px;
}
@media handheld,only screen and (max-width: 950px) {
  #container #wrapper #block4 #left,
  #container #wrapper #block4 #middle_left,
  #container #wrapper #block4 #middle_right,
  #container #wrapper #block4 #right,
  #container #wrapper #block6 #left,
  #container #wrapper #block6 #middle_left,
  #container #wrapper #block6 #middle_right,
  #container #wrapper #block6 #right,
  #container #wrapper #block8 #left,
  #container #wrapper #block8 #middle_left,
  #container #wrapper #block8 #middle_right,
  #container #wrapper #block8 #right {
    float: initial;
    margin: 0 auto 50px auto;
    text-align: center;
    width: 90%;
  }
  #container #wrapper #block4 #left h2,
  #container #wrapper #block4 #middle_left h2,
  #container #wrapper #block4 #middle_right h2,
  #container #wrapper #block4 #right h2,
  #container #wrapper #block6 #left h2,
  #container #wrapper #block6 #middle_left h2,
  #container #wrapper #block6 #middle_right h2,
  #container #wrapper #block6 #right h2,
  #container #wrapper #block8 #left h2,
  #container #wrapper #block8 #middle_left h2,
  #container #wrapper #block8 #middle_right h2,
  #container #wrapper #block8 #right h2 {
    text-align: center;
  }
  #container #wrapper #block4 #left .image-container,
  #container #wrapper #block4 #middle_left .image-container,
  #container #wrapper #block4 #middle_right .image-container,
  #container #wrapper #block4 #right .image-container,
  #container #wrapper #block6 #left .image-container,
  #container #wrapper #block6 #middle_left .image-container,
  #container #wrapper #block6 #middle_right .image-container,
  #container #wrapper #block6 #right .image-container,
  #container #wrapper #block8 #left .image-container,
  #container #wrapper #block8 #middle_left .image-container,
  #container #wrapper #block8 #middle_right .image-container,
  #container #wrapper #block8 #right .image-container {
    padding: 0 0 0 30px;
  }
}
@media handheld,only screen and (max-width: 600px) {
  #container #wrapper #block4,
  #container #wrapper #block6,
  #container #wrapper #block8 {
    padding: 40px 0 10px 0;
  }
  #container #wrapper #block4 .button-container,
  #container #wrapper #block6 .button-container,
  #container #wrapper #block8 .button-container {
    margin: 40px 0 60px 0;
  }
}
#container #wrapper #block5 {
  background-image: url('../../images/Surface Pro.jpg');
}
@media handheld,only screen and (max-width: 400px) {
  #container #wrapper #block5 h3 {
    padding: 42px 10px 0 10px;
  }
}
#container #wrapper #block7 {
  background-image: url('../../images/Surface Book.jpg');
}
#container #wrapper #block7 h3 {
  padding: 35px 10px 0 10px !important;
}
@media handheld,only screen and (max-width: 400px) {
  #container #wrapper #block7 h3 {
    padding: 20px 10px 0 10px;
  }
}
#container #wrapper #block9 {
  background-color: #F4EFEC;
  float: left;
  padding: 100px 0 0 0;
  width: 100%;
}
#container #wrapper #block9 .image-container {
  float: left;
  margin: 0 0 7% 7%;
  width: 40%;
}
#container #wrapper #block9 .image-container img {
  width: 100%;
}
#container #wrapper #block9 .content {
  float: left;
  padding: 56px 0 0 60px;
  width: 37%;
}
#container #wrapper #block9 .content h2 {
  color: #616161;
  font-size: 31.5px;
  line-height: 41px;
  margin: 10px 10px 18px 0;
  width: 350px;
}
#container #wrapper #block9 .content p {
  padding: 0 0 35px 0;
}
@media handheld,only screen and (min-width: 1400px) {
  #container #wrapper #block9 {
    text-align: center;
  }
  #container #wrapper #block9 .content {
    padding: 76px 0 0 21%;
    text-align: left;
    width: 42%;
  }
}
@media handheld,only screen and (max-width: 900px) {
  #container #wrapper #block9 {
    padding: 0 0 70px 0;
  }
  #container #wrapper #block9 .content {
    padding: 10px 0 0 0;
    text-align: center;
    width: 100%;
  }
  #container #wrapper #block9 .content h2,
  #container #wrapper #block9 .content p {
    margin: 10px auto 10px auto;
    width: 90%;
  }
  #container #wrapper #block9 .image-container {
    float: initial;
    margin: 12% 0 6% 0;
    text-align: center;
    width: 100%;
  }
  #container #wrapper #block9 .image-container img {
    width: 50%;
  }
}
#container #wrapper #block10 {
  display: inline-block;
  background-color: #514F50;
  margin: 0 0 -5px 0;
  padding: 40px 40px 50px 40px;
  width: 100%;
}
#container #wrapper #block10 img {
  float: left;
  width: 260px;
}