.highlight-phone {
  color: #313437;
  background-color: #eef4f7;
  /*padding: 50px 0 55px;*/
  /*overflow: hidden;*/
  text-align: center;
}

@media (max-width:767px) {
  .highlight-phone {
    text-align: center;
  }
}

@media (max-width:767px) {
  .highlight-phone p {
    color: #ffffff;
    text-align: center;
    /*padding-left: 60px;*/
    /*padding: 10px 60px 21px 60px;*/
  }
}

.highlight-phone h2 {
  font-weight: bold;
  margin-bottom: 35px;
  line-height: 1.5;
  padding-top: 0;
  margin-top: 0;
  color: #eee;
  background-color: #f77f00;
}

.highlight-phone .intro {
  font-size: 18px;
  max-width: 100%;
  line-height: 1.5;
}

@media (max-width:767px) {
  .highlight-phone .intro {
    max-width: none;
  }
}

.highlight-phone .intro p {
  margin-bottom: 20px;
  color: #ffffff;
  background: rgba(11,153,198,0.74);
  font-family: 'Oxygen',sans-serif;
  font-size: 1.1em;
  /*font-weight: 700;*/
  padding: 10px 10px 21px 10px;
  border-top-style: solid;
  border-top-color: rgba(0,0,0,0.0980392);
  border-top-width: 4px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  text-shadow: 0 2px 2px rgba(0,0,0,0.3);
}

@media (max-width:767px) {
  .highlight-phone .intro p {
    margin-bottom: 20px;
    color: #ffffff;
    background: rgba(11,153,198,0.741176);
    font-family: 'Oxygen',sans-serif;
    font-size: 1.1em;
    /*font-weight: 700;*/
    padding: 10px 50px 21px 50px;
    border-top-style: solid;
    border-top-color: rgba(0,0,0,0.1);
    border-top-width: 4px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
}

.highlight-phone .intro .btn {
  padding: 20px 32px;
  border: none;
  background: none;
  box-shadow: none;
  /*text-shadow: none;*/
  text-shadow: 0 2px 2px rgba(0,0,0,0.9);
  opacity: 0.9;
  /*text-transform: uppercase;*/
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 0.4px;
  line-height: 1;
  margin-bottom: 15px;
  margin-top: 10px;
}

.highlight-phone .intro .btn:hover {
  opacity: 1;
  /*transform: translateY(1px);*/
}

.highlight-phone .intro .btn:active {
  transform: translateY(1px);
}

.highlight-phone .intro .btn-primary {
  background-color: #014429;
  opacity: 0.8;
  color: #fff;
}

.highlight-phone .iphone-mockup {
  position: relative;
  max-width: 100%;
  /*margin-top: -30px;*/
  margin-bottom: -230px;
  /*transform: rotate(-15deg);*/
}

.highlight-phone .iphone-mockup img.device {
  width: 100%;
  height: auto;
  margin-bottom: 250px;
  /*margin-top: 21px;*/
  /*padding-bottom: 20px;*/
  border-style: solid;
  border-top-color: #2b0680;
  border-top-width: 4px;
  border-bottom-color: rgb(143,239,161);
  border-bottom-width: 4px;
}

.highlight-phone .iphone-mockup .screen {
  position: absolute;
  width: 88%;
  height: 77%;
  top: 12%;
  border-radius: 2px;
  left: 6%;
  border: 1px solid #444;
  background-color: #aaa;
  overflow: hidden;
  background: url(screen-content-iphone-6.jpg);
  background-size: cover;
  background-position: center;
}

.highlight-phone .iphone-mockup .screen:before {
  content: '';
  background-color: #fff;
  position: absolute;
  width: 70%;
  height: 140%;
  top: -12%;
  right: -60%;
  transform: rotate(-19deg);
  opacity: 0.2;
}