/*Jeroen*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
.section-detail-content p {
    color: #fff;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 130%;
}

.detail-title {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 38px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FF0004;
    line-height: 1.0772;
}

.detail-subtitle {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: #FF0004;
    line-height: 1.333;
    letter-spacing: 0em;
}


/** Fonts Style **/

.h3 {
    color: #ffffff;
    font-family: "DIN Pro", sans-serif;
    font-size: 2em;
    font-weight: normal;
}

.paddingTop1 {
    padding-top: 1%;
}

.paddingTop2 {
    padding-top: 2%;
}

.paddingTop3 {
    padding-top: 3%;
}

.paddingTop5 {
    padding-top: 5%;
}

.paddingTop10 {
    padding-top: 10%;
}

.paddingTop15 {
    padding-top: 15%;
}

.paddingTop20 {
    padding-top: 20%;
}


/*color*/

.white {
    color: #FFF;
}

.red {
    color: #ff0000;
}

.black {
    color: #000;
}


/***Media Query***/


/*==========  Mobile First Method  ==========*/


/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {}


/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {}


/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {}


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {}


/*==========  Non-Mobile First Method  ==========*/


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {}


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    .section-detail-content p {
        font-size: 20px;
        line-height: 25px;
    }
    .detail-title {
        font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
        font-size: 30px;
        font-weight: 500;
        text-transform: uppercase;
        color: #FF0004;
        line-height: 30px;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .section-detail-content p {
        font-size: 16px;
        line-height: 20px;
    }
    .detail-title {
        font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 500;
        text-transform: uppercase;
        color: #FF0004;
        line-height: 24px;
    }
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {}