body, html, .container {
        height: 100%;
    }

    body {
        font-family: Arial;
        font-size: 15px;
}

.container {
}

    img {
    max-width:100%;
    }

    #first {
        background: url(../imgs/bg.jpg) no-repeat top center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100%;
    }

    #second {
        background: url(../imgs/bg2.jpg) no-repeat top center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100%;
    }

    #third {
        background: url(../imgs/bg3.jpg) no-repeat top center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100%;
    }

    [class*="col-"] {
        padding-top: 0;
        padding-bottom: 0;
        background-color: transparent !important;
        border: 0px solid #ddd !important;
    }

    .images-center {
        text-align:center;
        max-width: 750px;
        margin: 0 auto;
}    }

    .images-setting {
        max-width:100%;
        padding-top:8px;
        padding-bottom:8px
    }

    .logo {
    position:fixed; 
    z-index:100; 
    top:0;
    margin-left:20px;
    }

    h4 {
    background-color:#ffffff;
    max-width:750px;
    margin:0 auto;
    padding:10px;
    line-height:26px;
    }

    footer {
    padding:5px;
    font-size:12px;
    z-index:100;
    text-align:center;
    }

    .videoWrapper {
	    position: relative;
	    padding-bottom: 56.25%; /* 16:9 */
	    padding-top: 25px;
	    height: 0;
    }

    .videoWrapper iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
    }

    section p {
        font-size:15px;
        text-shadow: 1px 1px #ffffff;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#ffffff')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#ffffff');
        filter:DropShadow(Color=#ffffff, OffX=0, OffY=1);
        zoom: 1;

    }

    .remark {
        text-shadow: 1px 1px #000000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000');
        filter:DropShadow(Color=#000000, OffX=0, OffY=1);
        zoom: 1;

    }



        /* Large desktop */
    /*@media (min-width: 1200px) { ... }*/
     
    /* Portrait tablet to landscape and desktop */
    /*@media (min-width: 768px) and (max-width: 979px) { ... }*/
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {

    #first {
        background: url(../imgs/bg.jpg) no-repeat top center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: auto;
    }
             
    #second {
        background: url(../imgs/bg2.jpg) no-repeat top center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: auto;
    }

    #third {
        background: url(../imgs/bg3.jpg) no-repeat top center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: auto;
    }

    }
     

    /* Landscape phones and down */
    @media (max-width: 480px) {
        
    #first {
        background: url(../imgs/bg.jpg) no-repeat top center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: auto;
    }
            
    #second {
        background: url(../imgs/bg2.jpg) no-repeat top center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: auto;
    }

    #third {
        background: url(../imgs/bg3.jpg) no-repeat top center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: auto;
    }

    }