h1, h2{
    text-align:center;
    font-family:'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 24px;
    padding-top:30px;
    padding-bottom:15px;
  }
  .bold-indent {
    padding-left:20px;
    font-size:15px;
    font-family:'Open Sans', sans-serif;
    font-weight: 700;
  }
  p, ul {
    font-size:15px;
    font-family:'Open Sans', sans-serif;
  }
  .navcontainer, .footer {
    width:100%;
    background:##ffffff;
  }
  .navbar {
    width:auto;
    padding-top:20px;
  }
  .footer p {
    font-size:12px;
    text-align:center;
    font-color:#666;
  }
  .footer {
    padding:20px;
  }
  .videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    margin-top:15px;
    width: 100%;
    height: 100%;
  }


.respondable-content {
  text-align:center;
  padding-top:30px;
  display:flex;
  position:relative;
  background-color: #2B2E32;
  font-size:13px;
  font-family: 'Open Sans';
  color: #fff;

}

.btn {
  border-radius: 2px;
  padding: 18px 0;
  font-size: 12px;
  font-weight: 700;
}
.tryit-btn {
  background-color: #328DD4;
  color: #ffffff;
  width: 48%;
  float: left;
}
.tryit-btn:hover {
  background-color: #0072c6;
  color: #ffffff;
}

.respondable-right-column {
    width: 60%;
    background: url("../img/outlook-screen.png");
    height: 500px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    display: block;
}

.respondable-left-column {
    width: 40%;
    height: 100%;
    float: left;
    height:500px;
    text-align:left;
    margin-bottom:20px;
    display: flex;
    align-items: center;

}
.respondable-content h2 {
    font-family:'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    text-align: left;
}
.respondable-content ul {
   -webkit-padding-start: 20px;
}

.respondable-btn {
  margin-top:10px;
  height:44px;
    width: 90%;
    font-size: 16px;
  padding: 7px;
}
.respondable-cta {
  padding-top:90px;
  font-family:'Open Sans', sans-serif;
  font-weight: 700;
}

.dark-bg {
  background-color: #2B2E32;
  width:100%;
}

.fifty-pct{
    width: 50%;
    padding-bottom:20px;
    display:block;
    float: left;
}
  .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 992px) {
  .respondable-right-column, .respondable-left-column {
      text-align:center;
      height: 335px;

  }
}
@media (min-width: 768px) {
    .respondable-right-column, .respondable-left-column, .respondable-left-column p, .respondable-left-column h2  {
    text-align:left;
    }
  }

@media (max-width: 768px) {

.fifty-pct {
  width:100%;
  float:left;
}
.respondable-left-column {
    width: 100%;
    text-align:center;
    height:160px;
    display:block;
    padding-bottom:20px;
}
.respondable-left-column h2 {
  text-align:center;
}

.respondable-content {
  height:auto;

}
.respondable-right-column {
  width: 100%;
  background-position:center;
  height:300px;
  margin-bottom:10px;
}
  }