#backband, #backband span {position:absolute;}#backband{background:linear-gradient(150deg, #00C9FF 15%, #0096FF 70%, #0048BA 94%);height:100%;overflow:hidden;transform:skewY(-12deg);transform-origin:0;width:100%;top:100px;z-index: 0;}#backband span{height:40px}#backband :nth-child(1){width:50%;bottom:0;right:0;background:#00C9FF;}#backband :nth-child(2){width:14%;right:0;bottom:40px;background:#00B1FF;}#backband :nth-child(3){width:25%;left:50%;top:40px;background:#0048BA;}@media (min-width:670px){#backband span{height:150px}#backband :nth-child(1){width:33.33333%;right:auto;background:#65C8FF;}#backband :nth-child(2){width:16.66667%;top:300px;bottom:auto;background:#00B1FF;}#backband :nth-child(3){top:0;background:#4750ff;}}@media (min-width:880px){#backband span{height:190px}#backband :nth-child(1){width:33.33333%;bottom:0;background:#0E75C7;}#backband :nth-child(2){width:33.33333%;top:380px;right:-16.66666%;background:#0096FF;}#backband :nth-child(3){width:33.33333%;left:49.99999%;bottom:auto;background:#00B1FF;}#backband :nth-child(4){width:33.33333%;top:0;left:16.66666%;right:auto;background:#0048BA;}#backband :nth-child(5){width:33.33333%;left:-16.66666%;background:#1487CC;}}