﻿.container{
    padding-top: 14%;
    color: white;
}
.Footerpage .sFooterpage3 .maincol ,
.Footerpage .sFooterpage1 .maincol {
    /* color:white; */
}

#main-wrap {
    width: 100%;
    height: 100%;
}
.backmain {
    /*background-image: url(../../images/pages/slide-learn.png);*/
    /*background-image: url(../../images/pages/slide-learn-green.png);*/
    /*NEW CSS's*/
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

#datapage {
    /*max-width: 932px;*/
    width: 91%;
    margin: 0 auto;
}

#datapage .title{
    font-size: 92px;
    font-family: 'PFDinTextStd-Light';
    line-height: 80px;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 16px;
    text-transform: uppercase;
    text-align: center;
}
#datapage .textcolumn{
    font-family: 'PFDinTextStd-Regular';
    margin-top: 22px;
    text-align: center;
}

#datapage .textcolumn .stextcolumn{
    display: inline-block;
    /*min-width: 188px;
    width: 25%;
    min-width: 22%;*/
    text-align: center;
    margin-bottom: 15px;
    /*margin: 0 10px;*/
    margin: 0 40px 0 0px;
}
#datapage .textcolumn .stextcolumn a{
    color: white;
    font-size: 15px;
    text-shadow: rgb(80, 80, 80) 0.05em 0.05em 0.5em;
}
#datapage .textcolumn .stextcolumn img{
}
#datapage .textcolumn .textcolumn1{
}
#datapage .textcolumn .textcolumn2{
}
#datapage .textcolumn .textcolumn3{
}
#datapage .textcolumn .textcolumn4{
    /* width: 15% !important; */
}

@media only screen and (max-width: 959px) {
    #datapage .textcolumn .stextcolumn {
        min-width: 45%;
        height: 50px;
        text-align: center;
    }
} 

@media only screen and (max-width: 767px) {
    #datapage .textcolumn .stextcolumn {
        min-width: 40%;
        height: 50px;
        text-align: center;
    }
} 

@media only screen and (max-width: 767px) {
    #datapage .textcolumn {
        text-align: center;
    }
}



@media only screen and (max-width: 1199px) {
     #datapage .textcolumn .stextcolumn {
        margin: 0 10px 0 0px;
    }

     #datapage .textcolumn .stextcolumn a {
        font-size: 13px;
    }

    #datapage .title {
        font-size: 74px;
    }
} 

@media only screen and (max-width: 959px) {

    #datapage .title {
        font-size: 59px;
        padding-bottom: 5px;
    }
} 


@media only screen and (max-width: 767px) {

    #datapage .title {
        font-size: 32px;
        line-height: 50px;
        padding-bottom: 5px;
    }
}

.backgroundmax {
    background-size: contain !important;
    background-position: center  !important;
    background-color: #0056b7 !important
}