@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(https://fonts.googleapis.com/css?family=Inconsolata:700,400);
*{
    box-sizing: border-box
}

/*//////// HEADER //////////*/
header {
    width: 100%;
    height: 120px; 
    margin: 2% ; 
    background:rgba(39, 255, 0, 0.81);
    margin: 0px;
}
.logo{
    float:left;
    width:141px;
    height: 75px;
    margin-top: 20px;
    margin-left: 3%;
}

/*//////// BODY //////////*/

body { 
background-image:url(imagenes/fondo.jpg);
background-repeat:repeat;
background-position:center;
background-size:auto;
color:white;
height: auto;
}

body {max-width: 960px; margin: auto;}


/*//////// BARRA DE MENU //////////*/
nav {
    float: right;
    width: auto;
    margin-top: 3%;
    padding-right: 3.5%;
}

ul li {
    display: inline-block;
    padding-left: 18px;
    font-family: 'Inconsolata' ;
    margin-right: -1em;

}

 .menu li a {
    color: black;
    font-weight: 700;
    text-transform: uppercase; 
    font-size: 12px;
    padding: 15px;
    border-style: solid;
}

.menu li a:hover {
      color: white;
      background: black; 
      padding: 15px;
}

main {
    width: 100%;  
    margin:auto;
    padding-top: 1em;;
    background-color: rgba(0, 0, 0, 0.78);
    font-family: 'Inconsolata';
    padding-left: 2em;
     
}


article {display: inline-block;
         padding-left:1em;
         text-align: center
               
}
article a {
         
         background: black;
}
 
article  {
         padding-left:1em;
         color:white;
         margin-bottom:5em;
         margin-top:2em;
         font-family: 'Oswald', sans-serif
}


h2{
    font-size: 30px;
    color: #27ff00;
    font-family: 'Oswald', sans-serif;
}

h4{ margin-top:-1em;
    font-size: 20px; 
    color: white; 
    font-family: 'Oswald', sans-serif;
    font-weight: 800

}

p{
    font-size: 16px;
    margin-top: 1px; 
    margin-bottom: 10px; 
    font-family: 'Inconsolata';
    margin-right: 2em;
}

h1{
    font-size: 22px;
    color: #27ff00 ;
    font-family: 'Oswald', sans-serif;
}

/*//////// FOOTER //////////*/
footer {background: black;
        text-align: center; 
        padding:  5px 0 ; 
        height: 80px ;
        float:left;
    border-top: 5px solid #27ff00;
}

.textofooter{font-weight: 400;
             font-size: 11.3px;
             text-align: left;
             padding-top: 20px;
             font-family: 'Inconsolata';
             font-weight: 700;
             color:white;
             margin-left: 4em;
            margin-right: 4em;
}