﻿.container {
text-align: center;
}
.backimprovedlifestyle {
    background-image: url(../../images/pages/slide-productinfo-green.png);
    /*NEW CSS's*/
    background-size: cover;
    background-repeat: no-repeat;
}

#datapage{
    max-width: 414px;
    padding-top: 20%;
    color: #FFFFFF;
    margin: 0 auto;
    text-align:left;
}
#datapage .title {
    font-family: 'PFDinTextStd-Thin';
    font-size: 44px;
    line-height: 40px;
    /*max-width: 380px;*/
}

    #datapage .textcontent {
        font-size: 17px;
        font-family: 'RobotoSlab-Light';
        line-height: 26px;
        max-width: 400px;
    }
#datapage .textcontent p{
    margin: 15px 0px;
}
 #datapage .buttons {
}
#datacolumn {
    width: 100%;
    padding-top: 10%;
}
#datacolumn .sdatacolumn{
    float: left;
    margin: 0% 2%;
}
#datacolumn .datacolumn1{
    width: 46%;
}
#datacolumn .datacolumn2{
    width: 46%;
}
#datacolumn .dataimg{
    /* text-align: center; */
}
#datacolumn .dataimg img{
    width: 100%;
    max-width: 239px;
}
#datacolumn .databutton1{
    line-height: 28px;
    border-bottom: 1px solid #E1E1E1;
    max-width: 255px;
    min-height: 34px;
    margin: 0 auto;
}
#datacolumn .databutton2{
    line-height: 30px;
    max-width: 255px;  
    margin: 10px auto 0px auto;
}
  @media only screen and (max-width: 480px) {
     #datacolumn {

}
#datacolumn .sdatacolumn{
    float: initial;

    width: 100%;
    margin: 5% auto;
}
#datacolumn .datacolumn1{
}
 }

  #imglifestyle  {
padding-top:15%;
}
 
.imgcontent img {
max-width: 418px;
/* margin-top: 5px; */
width: 100%;
max-height: 500px;
}

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .imgcontent img{
    width: 100%;
}
    }
    
        @media only screen and (min-width: 960px) and (max-width: 1199px) {
                    .imgcontent img{
    width: 100%;
}
        }