body{
    background:;
}

header{
    width: 90%;
    max-width: 1000px;
    margin: auto;
}
nav{
    background:;
    margin-top: 20px;
    position: relative;
}

nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

nav > ul > li{
    float: left;
}

nav ul li a{
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 10px 20px;
    font-size: 15px;
    font-family: FontAwesome;
    
}

nav ul li a:hover{
    background:;
    
}

nav > ul > li:hover div{
    display: table;
}

/*Submenu*/

nav ul li div {
    width: 1000px;
    position: absolute;
    left: 0;
    background:#cbd4dd;
    box-sizing: border-box;
    display:none;
}

nav ul li div ul{
    width: 20%;
    display: table-cell;
    border-right: 1px solid rgba(255,255,255,.5);
    box-sizing: border-box;
    
}

nav ul li div ul:last-child{
    border: none;
}

nav ul li div ul .titulo{
    background:;
    color: #fff;
    font-size: 15px;
}

nav ul li div ul .titulo a{
    color: #000;
    padding: 10px 20px;
}




nav ul li div ul .titulo a:hover{
    background: none;
}

nav ul li div ul a {
    color: #000;
}

nav ul li div ul a:hover{
    color: #fff;
}
@media only screen and (max-width: 600px) {


@media (min-width: 600px) and (max-width: 1199px) {