*{
    margin: 0;
    padding: 0;
}

header{
    width: 100%;
    height: 80px;
    background: rgba(0,0,0,.8);
    position: fixed;
}

.ancho{
    width: 85%;
    height: 80px;
 /*   background: red;  */
    margin: auto;
}

.logo{
    width: 30%;
    height: 80px;
/*    background: blue;  */
    float: left;
    padding-top: 15px;
    box-sizing: border-box;
}

.logo p a{
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    font-family: vibes;
    
}

header div nav{
    width: 70%;
    height: 100px;
/*    background: olive; */
    float: left;
    text-align: right;
    padding-top: 25px;
    box-sizing: border-box;
}

header nav ul li{
    display: inline;
}

header nav ul li a{
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: rale;
}

header nav ul li a:hover{
    color: #444;    
}


@font-face{
    font-family: rale;
    src: url(../fonts/Raleway-Regular.ttf);
}

@font-face{
    font-family: lobster;
    src: url(../fonts/Lobster-Regular.ttf);
}

@font-face{
    font-family: vibes;
    src: url(../fonts/GreatVibes-Regular.ttf);
}

@font-face{
    font-family: comfort;
    src: url(../fonts/Comfortaa-Regular.ttf);
}

/*PARTICULAS JS AQUI EMPIEZA*/


#particles-js{
    background: url(../img/justicia.jpg);
    background-position: center;
    background-attachment: contain;
    background-size: cover;
}