* {
    margin:0;
    padding:0;
    font-size:0;
    line-height:0;
}
body{
    background-color:#000;
    /*
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    */
    font-size:18px;
    font-family:'Nunito', sans-serif;
    color:#808080;
}
    
/* Menu Home */
ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
ul li {}
ul li a {
    display: block;
    padding: 18px 10px 18px 10px;
    border-bottom: 1px solid #808080; /*#E7E7E7;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
    color: #fff; /*#000*/
    text-decoration:none;
}
ul li a:hover, ul li a:active {
    /*
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#058cf5), color-stop(100%,#015ee6));
    background: -webkit-linear-gradient(top, #058cf5 0%,#015ee6 100%);
    background: linear-gradient(top, #058cf5 0%,#015ee6 100%);
    */
    background-color:#058cf5;
    color: #fff; 
}
ul li a:after {
    content: "〉";
    float: right;
    font-weight: bold;
    color: #808080;
    font-size: 13px;
    text-shadow: 1px 0 1px #808080;
}
ul li a:hover:after, ul li a:hover:after {
    color: #fff;
    text-shadow: 1px 0 1px #fff;
}


/* Interna */

/* Create two equal columns that sits next to each other */
.row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
    flex: 25%; /* Sera refeito em photos.php */
    max-width: 25%; /* Sera refeito em photos.php */
    padding: 0 4px;
    box-sizing: border-box;
}

.column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
/*
@media screen and (max-width: 800px) {
    .column {
        flex: 50%;
        max-width: 50%;
    }
}
*/

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
/*
@media screen and (max-width: 600px) {
    .column {
        flex: 100%;
        max-width: 100%;
    }
}
*/