.enigcontainer {
  max-width: 1170px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  display:block;
}
.enigcontainer span {
  text-transform:lowercase;
}
.enigcontainer p {
  font-family:'Open Sans';
  font-size:12pt;
  color:#000000;
  line-height:1.5;
  padding-bottom:15px;
}
.enigcontainer h1 {
  font-family:'Montserrat-Bold';
  font-size:26pt;
  font-weight:Normal;
  text-transform:uppercase;
  color:#000000;
  margin:0;
}
.enigcontainer h2 {
  font-family:'Montserrat-Light';
  font-size:14pt;
  font-weight:normal;
  text-transform:uppercase;
  color:#000000;
  margin:0;
}
.enigcontainer h3 {
  font-family:'Montserrat-Medium';
  font-size:10pt;
  font-weight:normal;
  text-transform:uppercase;
  color:#000000;
  margin:0;
}
.enigcontainer hr {
  border: 0;
  border-bottom: 2px solid #000000;
  clear: none;
  margin:10px 0;
}
.enigheader{
  background-image:url('/images/landing/pcs/enigmaviii/header-banner.jpg');
  height:auto;
  width:100%;
  background-repeat:no-repeat;
  overflow: hidden;
}
.enigheader-fr{
  float: right;
  margin-top: 40px;
  margin-right: 20px;
}
.enigheader-fr img{
  max-width: 100%;
  margin: 0 auto;
}
.enigfeat2-fl img{
  max-width: 100%;
}
.enigheader-fl{
  width: 40%;
  float: left;
}
.enigheadertxt{
  max-width:520px;
  margin-top:200px;
  margin-left:20px;
}
.enigheadertxt sup{
  font-size: 14pt;
  font-family: 'Montserrat-Medium';
}
.enigheadertxt h2{
  max-width: 450px;
}
.enigbutton{
  font-family: 'Montserrat-Medium', sans-serif;
  color:#ffffff;
  background-color:#000000;
  font-size:12pt;
  width:auto;
  padding:12px;
  margin-bottom:20px;
  text-decoration: none;
  text-align:center;
  text-transform:uppercase;
  float:left;
}
.enigbutton i {
  padding-left:5px;
}
.enigbutton:hover {
  background-color:#4d4d4d;
  -webkit-transition: background-color 100ms linear;
  -ms-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}
.enigfeature {
  background: rgb(170,170,170);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(255,255,255,1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(255,255,255,1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(170,170,170,1) 0%,rgba(255,255,255,1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#dadada',GradientType=0 );
  /* IE6-9 */
  position:relative;
  width:100%;
  height:auto;
  overflow:visible;
  margin-top:70px;
  margin-bottom:20px;
  display: block;
}
.enigfloat {
  position:absolute;
  top:-50px;
  left: 50%;
  transform: translate(-50%, 0);
  display:block;
}
.enigfeaturetxt {
  float:none;
  max-width:100%;
  margin:30px 60px 0 60px;
  text-align: center;
  padding-top: 350px;
}
.enigfeaturetxt hr{
  margin-left: 40px;
  margin-right: 40px;
}
.enigintelcore {
  text-align: center;
  margin-top: 20px;
}
.enigfeature2 {
  display: flex;
  flex-direction: row-reverse;
  width:100%;
  height: auto;
  background-color: #bcbcbc;
}
.enigfloat img {
  max-width:none !important;
}
.enigfeat2-fl{
  display: flex;
  align-items: center;
  width:50%;
}
.enigfeat2text{
  padding: 20px 20px;
}
.enigfeat2-fr{
  width: 50%;
}
.enigfeat2-fr img{
  max-width: 100%;
}
.enigfeat2-fl p {
  margin-bottom: 40px;
}
.enigfeat2-fl h1 {
  font-size:20pt;
}
.enigfeature3 {
  display: flex;
  background-color: #e5e5e5;
  width:100%;
}
.fullhd img{
  background-color:#e5e5e5;
}
.enigfeat3-fl{
  display: flex;
  width: 50%;
  align-items: flex-end;
}
.enigfeat3-fr{
  display: flex;
  align-items: center;
  width: 50%;
}
.enigfeaturetxt3{
  padding: 20px 20px;
}
.enigfeaturetxt3 h1{
  font-size: 20pt;
}
.enigfeature3 p, .enigfeature3 h1, .enigfeature3 h2 {
  color:#000000;
}
.enigkeyboard{
  display: flex;
  flex-direction: row-reverse;
  background-color: #252525;
  width:100%;
}
.enigkeyboard-fl{
  display: flex;
  align-items: center;
  width: 50%;
}
.enigkeyboard-fr{
  display: flex;
  width: 50%;
}
.enigkeyboardtxt{
  padding: 20px 0 20px 20px;
}
.enigkeyboard h1{
  font-size: 20pt;
  color: #ffffff;
}
.enigkeyboard p{
  color: #ffffff;
}
.enigkeyboard hr{
  border-bottom: 2px solid #ffffff;
}
.connections{
  background-image: url(/images/landing/pcs/enigmaviii/feature-bg.jpg);
  background-repeat: no-repeat;
}
.connections img{
  max-width: 100%;
}
.connections ul{
  font-size: 12pt;
  font-family: 'Montserrat-Medium';
  text-align: left;
  line-height: 1.75;
  background: #e9e9e9;
  padding: 20px;
  list-style-type: none;
}
.connections li{
  background: #dddddd;
  margin: 10px;
  padding: 5px;
}
.connections-txt{
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
}
.connect-image{
  max-width: 100%;
  text-align:center;
  padding: 20px;
}
@media all and (max-width: 1170px) {
  .enigheader-fl{
    width: 100%;
    float: none;
  }
  .enigheader-fr{
    max-width:100%;
    float: none;
    text-align: center;
    margin-right: 0;
    padding: 20px;
  }
  .enigheadertxt{
    max-width:100%;
    margin-top:20px;
    margin-right: 20px;
  }
  .enigfloat {
    position:static;
    top:0;
    left:0;
    max-width:100%;
    transform: none;
    padding: 20px;
  }
  .enigfeature {
    position:static;
    max-width:100%;
    height:auto;
    overflow:visible;
    display:inline-block;
    margin-top: 20px;
  }
  .enigfloat img{
    max-width: 100% !important;
  }
  .enigfloat, .enigintelcore {
    text-align:center;
    display:block;
    float:none;
    max-width: 100%;
  }
  .enigintelcore img{
    max-width: 100%;
    margin-bottom: 20px;
  }
  .enigfeaturetxt {
    float:left;
    max-width:100%;
    margin:20px;
    padding-top: 0px;
  }
  .fullhdimg{
    max-width:100%;
    display: block;
    text-align: center;
    float: none;
    margin: auto;
  }
  .connections-txt ul{
    font-size: 10pt;
  }
  .enigfeature2 {
    display: block;
  }
  .enigfeat2-fl{
    width:100%;
  }
  .enigfeat2-fr{
    width: 100%;
  }
  .enigfeat2-fr img{
    float: right;
  }
  .enigfeature3 {
    display: block;
  }
  .enigfeat3-fl{
    display: block;
    width: 100%;
  }
  .enigfeat3-fr{
    display: block;
    width: 100%;
  }
  .enigkeyboard{
    display: block;
  }
  .enigkeyboard-fl{
    display: block;
    width: 100%;
  }
  .enigkeyboard-fr{
    display:block;
    width: 100%;
  }
  .enigkeyboard-fr img{
    margin: auto;
    display: block;
    max-width: 100%;
  }
  .enigkeyboardtxt{
    padding: 20px 20px;
  }
}