#content-marine-chart-colours .color{vertical-align:top;margin-top:1.5em !important;line-height:0;display:inline-block;max-width:24.9%;width:22%;margin:0 1.7%}#content-marine-chart-colours .color:first-child{margin-left:0}#content-marine-chart-colours .color:last-child{margin-right:0}#content-marine-chart-colours .color span{display:block;text-align:center;line-height:1.5em}#content-marine-chart-colours .color img,#content-marine-chart-colours .color span{border:1px solid #000;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#content-marine-chart-colours .color img{border-bottom-width:0px}#content-marine-chart-colours .drag-target{width:11em}@media screen and (max-width: 30em){#content-marine-chart-colours .drag-target{width:7em}}#content-marine-chart-colours .drag-image-wrapper{padding:0 !important}#content-marine-chart-colours .drag-image-wrapper img{width:100%}#content-marine-chart-colours #drag-target-0{background-color:#fff;top:40%;left:23%}#content-marine-chart-colours #drag-target-1{background-color:#fff;top:35%;left:60%}#content-marine-chart-colours #drag-target-2{background-color:#fff;top:20%;left:28%}#content-marine-chart-colours #drag-target-3{background-color:#fff;top:80%;left:51%}@media screen and (min-width: 30.06em) and (max-width: 49.94em){#content-marine-chart-colours .drag-target{width:25%}}@media screen and (max-width: 30em){#content-marine-chart-colours #marine-chart-colors{overflow:hidden}#content-marine-chart-colours .color{max-width:49.75%;width:calc(50% - 4%);margin:0;min-height:11em}#content-marine-chart-colours .color:nth-child(odd){float:left}#content-marine-chart-colours .color:nth-child(even){float:right}#content-marine-chart-colours #drag-target-0{left:1%}#content-marine-chart-colours #drag-target-1{left:auto;right:1%}#content-marine-chart-colours #drag-target-2{left:13%;top:14%}}