.logoandimage { position:relative; text-align:center; height:TOPBAR_HEIGHT_LARGE_WITHOUT_MENUpx; width:inherit; background-color:#abc; } .leftside { padding-left:10px; padding-right:10px; float:left; width:ASSUMED_INIT_LEFTSIDE_WIDTHpx; border-right:1px solid; } .ourapps, .ourappsformedium { text-align:center; display:none; /* border:1px solid; */ height:450px; overflow:auto; white-space:nowrap; } .ourappstitle, .ourappsformediumtitle { display:none; text-align:center; font-weight:bold; font-size:15px; } .ourapps, .ourappstitle { float:right; } .rightside { background:lavender; float:right; width:350px; } .fixedpart { background:inherit; position:fixed; width:inherit; height:inherit; } .fixedpart { top:TOPBAR_MENU_HEIGHTpx; } .menuandallextra { position:fixed; top:-TOPBAR_HEIGHT_LARGE_WITHOUT_MENUpx; z-index:1000; } .mainbodyextra { padding-top:0px; } .slideshowcontainerextra { float:left; width:550px; /* border:1px solid; */ } @media screen and (max-width:1000px) { .leftside {width:600px; } } @media screen and (max-width:990px) { .leftside { float:none; width:95%; /* min-width:600px; */ } .rightside { float:none; margin:0 auto; } .fixedpart { position:relative;top:10px } } @media screen and (max-width:520px) { .suggestedcitation, .checkdimensions {width:400px; } } @media screen and (max-width:420px) { .suggestedcitation, .checkdimensions {width:300px; } }