*:after,
*:before {
  padding: 0;
  margin: 0;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  
  background-image: url("../img/intro.png");
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 992px){
  body{
    background-size: 1000%
  }
}
@media (max-width: 480px){
  body{
    background-size: 1500%
  }
} 

iframe {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0px;
    width: 350px;
    height: 625px;
    border-radius: 20px;
}
.main-con .main-row{
  min-height: 100vh
}
.content{
  float:left;
  width:100%;
  font-family: Nunito;
}
.frame{
  float:left;
}
.wrap-content{
      position: relative;
    left: 0%;
    margin-top: 105px;
    width: 100%;
}
.wrap-content h2{
  font-size:35px;
  color: #fff
}
.wrap-content p{
 font-size:17px;
 color: #ede6e6;
 line-height: 1.7
}
.phone {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 370px;
    height: 650px;
    border: 17px solid #1bb0d2;
    float: left;
    border-radius: 20px;
}
.Features{
  float:left;
  padding-left:30px;
  margin-top: 105px;
  margin-bottom: 100px;
  font-family: Nunito;
}
.Features h3{
  color: #fff
}
.side-feature-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 10px;
    margin: 5px 0;
    border-radius: 7px;
    background: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}
.check-mark-icon {
    margin-right: 16px;
    width: 30px;
    height: 30px;
}
.foot-c-info {
    font-weight: 500;
}

@media (max-width: 1200px){
  .Features{
    display: none;
  }
}

@media (max-width: 992px){
  .Features{
    display: block;
  }
}