.container{
    padding-top: 0%;
    text-align: center;
}

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

#datapage{
    max-width: 380px;
    padding-top: 18%;
    /*color: #6D6D6D;*/
    color: #FFFFFF;
    margin: 0 auto;
    text-align: left;
}
#datapage .title {
    font-family: 'PFDinTextStd-Thin';
    font-size: 44px;
    line-height: 42px;
    max-width: 248px;
}

    #datapage .textcontent {
        font-size: 17px;
        font-family: 'RobotoSlab-Light';
        line-height: 26px;
    }
 #datapage .buttons {
}
#datacolumn {
    width: 100%;
    padding-top: 10%;
}
#datacolumn .sdatacolumn{
    float: left;
    margin: 0% 1%;
}
#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: 225px;
    min-height: 34px;
    margin: 0 auto;
}
#datacolumn .databutton2{
    line-height: 30px;
    max-width: 225px;  
    margin: 10px auto 0px auto;
}

 @media only screen and (max-width: 480px) {
     #datacolumn {

}
#datacolumn .sdatacolumn{
    float: initial;

    width: 100%;
    margin: 5% auto;
}
#datacolumn .datacolumn1{
}
 }



.databutton1, .databutton2 {
    text-align: left;
}

.button_white a {
    margin-left: 30px;
    line-height: 20px;
    color: #ffffff;
}

.button_white {
    padding-left: 0px!important;
}


@media only screen and (max-width: 1199px) {
    .button_white a {
        font-size: 15px;
    }
}


@media only screen and (max-width: 959px) {
    .button_white a {
        font-size: 12.4px;
    }
}

@media only screen and (max-width: 767px) {
    .button_white a {
        font-size: 13px;
    }
}

.button {
    background-color: #0AB4F4;
}