body{
    background-repeat:no-repeat;
    background-image: url(../img/bg.png);
    background-size:100% 100%;
    background-attachment:fixed;
}

.remarkDiv{
    margin-top:180px;
}
.remark{
    /*width:600px;*/
    color:#ffffff;
}
.video {
    width:550px;
 }
.myfooter{
    position: relative;
    bottom: 0;
}
.myfooter{
    color: #ffffff
}
.myfooter a{
    color: #ffffff
}
.title{
    color: #ffffff;
    font-size:24px;
}

.d2 a{
    width:150px;
    height:50px;
    font-size:22px;
    font-family:Helvetica Neue;
    font-weight:bold;
    line-height:27px;
    color:rgba(255,255,255,1);
    opacity:1;
    text-align: center;
    align-items: center;
    margin-left:15px;
    color:#ffffff;
}
@media (max-width: 600px)  {
    body{
        background-repeat:no-repeat;
        background-image: url(../img/appbg.png)!important;
        background-size:100% 100%;
        background-attachment:fixed;
        background-color: #f0ad4e!important;
    }
    .logo{
        width: 260px;
    }
    .remarkDiv{
        margin-top: 80px;
    }
	 #navbarCollapse{
        background-color: #ffffff;
        opacity: .9;
    }
    .remark{
        /*color:#204d74;*/
        /*widht:100%;*/
        color:#ffffff;
        padding: 0 20px 0 20px;
        font-size:14px!important;
    }
    .video {
         padding: 0px;
         margin: 0px;
         width:100%;
     }
    .myfooter{
        color:#ffffff;
    }
    .myfooter a{
        color:#ffffff;
    }
    .title{
        color:#ffffff;
        font-size:20px!important;
        padding: 0 0 0 20px;
    }
    .d2{
        margin: 0px;
        padding: 0px;
    }
    .d2 a{
        width:100px;
        margin: 0px;
        padding: 0px;
        font-size:16px;
        color:#204d74;
    }
}