#floatdiv {
left: 100%;
    margin-left: -265px;

    margin-top: -215px;
    position: absolute;
    top: -1000px;
    z-index: 900;
}
.colLeft {
    float: left;
    width: 70%;
}
#fixed {
/*        background: url("../images/c_top_2.png") repeat-x scroll center top transparent;*/
   /*  border:   2px solid #ACB7C8; */
    height: 200px;
    opacity: 0.95;
    padding: 5px;
    width: 240px;
}
.colRight {
    position: relative;
}
a.closes {
    background-image: url("../images/arowclose.png");
    background-repeat: no-repeat;
    color: #FF0000;
    height: 16px;
    left: 100%;
    margin-left: -20px;
    position: absolute;
    right: 3px;
    text-indent: -9000px;
    top: 3px;
    width: 16px;
}

    .float-container {
           display: flex;
    flex-direction: row;
    justify-content: space-around;
    position: absolute;
    top: 2em;
    width: 100%;
    }

@media (max-width: 420px) {
    body {
        background-position-x: initial;
    }
    
    .float-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    
    #floatdiv1,#floatdiv2,#floatdiv3,#floatdiv4 {
        position: relative;
        width: 50%;
        display:none;
    }

}