.container {
text-align: center;
}

.backrealpeople {
    background-image: url(../../images/pages/slide-productinfo-bluemarine.png);
    /*NEW CSS's*/
    background-size: cover;
    background-repeat: no-repeat;
}

#datapage{
    max-width: 434px;
    padding-top: 10%;
    color: #FFFFFF;
    margin: 0 auto;
    text-align:left;
}
#datapage .title {
    /*font-family: 'PFDinTextStd-ExtraThin';
    font-size: 75px;
    line-height: 62px;
    max-width: 380px;*/

    font-family: 'PFDinTextStd-Thin';
    font-size: 44px;
    line-height: 42px;
}

@media only screen and (max-width: 635px) {
    #datapage .title {
        font-family: 'PFDinTextStd-Thin';
        font-size: 44px;
        line-height: 42px;
    }
}

@media only screen and (max-width: 479px) {
    #datapage .title {
        font-family: 'PFDinTextStd-Thin';
        font-size: 44px;
        line-height: 42px;
    }
}

#datapage .textcontent {
    font-size: 17px;
    font-family: 'RobotoSlab-Light';
    line-height: 26px;
}
#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{
}
 }
 

#imgourethos  {
    padding-top:28%;
}

.imgcontent img {
/*max-width: 387px;
max-height: 500px;*/
}

@media only screen and (max-width: 1199px) {
    .imgcontent {
        width: 96%;
    }

}

@media only screen and (max-width: 959px) {
    .imgcontent {
        width: 96%;
    }
}

@media only screen and (max-width: 767px) {
    .imgcontent {
        width: 80%;
    }
}

@media only screen and (max-width: 479px) {
    .imgcontent {
        width: 74%;
    }
}