header{
    width:100%;
    margin:0px;
}
header ul.colors{
    display:block;
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    overflow: hidden;
}
header ul.colors li{
    display:inline-block;
    float:left;
    width:25%;
    height:5px;
}
header ul.colors li:nth-child(1){
    background-color:rgb(237,3,124);
}
header ul.colors li:nth-child(2){
    background-color:rgb(0,157,87);
}
header ul.colors li:nth-child(3){
    background-color:rgb(244,121,32);
}
header ul.colors li:nth-child(4){
    background-color:rgb(0,163,230);
}

header ul.links{
    display:block;
    width:475px;
    margin-left:auto;
    margin-right:auto;
    overflow: hidden;
    margin-top:15px;
}
header ul.links li{
    display:inline-block;
    float:left;
    cursor:pointer;
}
header ul.links li{
    width:auto;
    padding:4px 0px;
    text-align:left;
    margin-right:25px;
    color:black;
    font-size:14px;
    font-weight: bold;
}
header ul.links li.img-first{
    width:auto;
    margin-right:3px;
}
header ul.links li a{
    text-decoration: none;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}

header p{
    text-align:center;
    padding:15px 0px;
    background-color: white;
}
header p a{
    text-decoration: none;
}


@media (max-width:1130px) {
    header ul.colors{
        width:100%;
    }
}
@media (max-width:600px) {
    header p img{
        width:120px;
    }    
}
@media (max-width:500px) {
    header p img{
        width:120px;
    }
    header ul.links{
        width:95%;
    }
    header ul.links li{
        width:100%!important;
        text-align:center;
        padding: 0px 0px;
        font-size: 12px;
    }
    header ul.links li.img-first{
        margin-top:7px;
        margin-right:0px;
    }
}