#slides {
    display: none
}

.container {
    margin: 0 auto
}

/* For tablets and smart phones */
@media (max-width: 413px) {
    body {
        padding-left: 20px;
        padding-right: 20px;
    }

    .container {
        width: auto
    }
}

/* For smartphones */
@media (max-width: 480px) {
    .container {
        width: auto
    }
}

/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
    .container {
        width: 450px
    }
}

/* For larger displays */
@media (min-width: 1200px) {
    .container {
        width: 450px
    }
}

#one {
    float: left;
    margin: 0 0;
    padding: 1px;
    width: 587px;
    left: -100px;
    position: relative;
}

#two {
    float: left;
    display: inline-block;
    height: 270px;
    position: absolute;
    width: 413px;
    top: 9px;
    left: 167px;
}