/* LOGIN */
header {
    background: -moz-linear-gradient(left, rgba(238,237,237,0) 0%, rgba(12,103,157,0.5) 10%, rgba(1,85,137,1) 25%, rgba(0,72,121,1) 49%, rgba(107,170,78,1) 75%, rgba(107,170,78,0.5) 90%, rgba(238,237,237,0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(238,237,237,0) 0%,rgba(12,103,157,0.5) 10%,rgba(1,85,137,1) 25%,rgba(0,72,121,1) 49%,rgba(107,170,78,1) 75%,rgba(107,170,78,0.5) 90%,rgba(238,237,237,0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(238,237,237,0) 0%,rgba(12,103,157,0.5) 10%,rgba(1,85,137,1) 25%,rgba(0,72,121,1) 49%,rgba(107,170,78,1) 75%,rgba(107,170,78,0.5) 90%,rgba(238,237,237,0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeded', endColorstr='#00eeeded',GradientType=1 );
    /* IE6-9 */
    position: relative;
    z-index: 1;
    overflow: hidden;
}

header:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 10px;
    left: 50%;
    background-color: #FFF;
    width: calc(200vw * 3.1415926);
    padding-bottom: calc(200vw * 3.1415926);
    height: 0;
    border-radius: 9999px;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

header .content-wrapper {
    padding-bottom: 10px;
}