#rain{
     width: 100%;
    height: 3px;
    position: fixed;
    z-index: 25;
}
/*
body.front #header .rainbow-wrapper {
    width: 100%;
    height: 3px;
    top: 10px;
    position: fixed;
    z-index: 25;
}

.rainbow-wrapper {
    display: block;
    height: 3px;
    position: relative;
}
*/

.rainbow-wrapper .violet {
    background-color: #9e2064;
}

.rainbow-wrapper .rainbow {
    display: block;
    height: 3px;
    width: 20%;
    float: left;
}

.rainbow-wrapper .red {
    background-color: #d0362c;
}


.rainbow-wrapper .blue {
    background-color: #264578;
}

.rainbow-wrapper .light-blue {
    background-color: #59a48c;
}


.rainbow-wrapper .yellow {
    background-color: #f0c929;
}