/*--------------------------------------------------------*\
    facts
\*--------------------------------------------------------*/

@media only screen and (max-width: 64em) {
    #facts .image {
        order: 2;
    }
}

@media only screen and (max-width: 600px) {
    #facts .description1 {
        font-size: 18px;
        line-height: 25px;
    }

    #facts .description1 ul {
        padding-left: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}


/*--------------------------------------------------------*\
    second-banner
\*--------------------------------------------------------*/

@media only screen and (max-width: 900px) {
    #second-banner .text {
        width: 100%;
        max-width: 100%;
        border: none;
        text-align: center;
    }

    #second-banner .image {
        margin-top: 30px;
        padding: 0;
    }
}


/*--------------------------------------------------------*\
    howto
\*--------------------------------------------------------*/

@media only screen and (max-width: 900px) {
    #howto .title .strong {
        font-size: 28px;
    }

    #howto .title .subtitle {
        font-size: 20px;
    }
}

@media only screen and (max-width: 48em) {
    #howto .title {
        text-align: center;
        border: none;
    }

    #howto .content .image {
        text-align: center;
    }
}


/*--------------------------------------------------------*\
    third-banner
\*--------------------------------------------------------*/

@media only screen and (max-width: 900px) {
    #third-banner .text {
        width: 100%;
        text-align: center;
        border: none;
        margin-bottom: 25px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #third-banner .text .high {
        font-size: 24px;
    }

    #third-banner .text .semihigh {
        font-size: 20px;
    }
}


/*--------------------------------------------------------*\
    third-banner
\*--------------------------------------------------------*/

@media only screen and (max-width: 900px) {
    #countdown .container .content .text {
        border: none;
        text-align: center;
    }
}


/*--------------------------------------------------------*\
    order
\*--------------------------------------------------------*/

@media only screen and (max-width: 700px) { 
    #order .promo ul li.combo .text {
        max-width: 290px;
    }
}

@media only screen and (max-width: 600px) {
    #order .container {
        padding-top: 30px;
    }

    #order .promo ul li {
        padding-left: 5px;
        padding-right: 5px;
    }

    #order .promo img {
        max-width: 260px;
    }
}