.top{
    float: left;
    width: 100%;
    min-height: 100px;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF;
    position:fixed;
    top: 0;
}
.scroll{
	width:100%;
    padding: 0px 0px !important;
    background: url(../images/back.jpg) no-repeat top/cover !important;
    background-color: #fff;
    position: relative;
}
@media only screen and (max-width: 600px) {.scroll{margin-top: 480px;}}
@media only screen and (min-width: 600px) {.scroll{margin-top: 480px;}}
@media only screen and (min-width: 768px) {.scroll{margin-top: 670px;}} 
@media only screen and (min-width: 992px) {.scroll{margin-top: 670px;}} 
@media only screen and (min-width: 1200px) {.scroll{margin-top: 650px;}}
@media only screen and (min-width: 1500px) {.scroll{margin-top: 800px;}}