#container {
    height: 600px;
    margin-top: -40%;
}

@media (min-width: 768px) {
    #container {
        height: 800px;
        margin-top: -55%;
    }
}

@media (min-width: 1024px) {
    #container {
        margin-top: -40%;
    }
}

@media (min-width: 1280px) {
    #container {
        height: 1300px;
        margin-top: -53%;
    }
}

@media (min-width: 1680px) {
    #container {
        height: 1700px;
    }
}