@charset "utf-8";

@font-face {
    font-family: 'latoblack';
    src: url('lato-black-webfont.eot');
    src: url('lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-black-webfont.woff2') format('woff2'),
         url('lato-black-webfont.woff') format('woff'),
         url('lato-black-webfont.ttf') format('truetype'),
         url('lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src: url('lato-regular-webfont.eot');
    src: url('lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-regular-webfont.woff2') format('woff2'),
         url('lato-regular-webfont.woff') format('woff'),
         url('lato-regular-webfont.ttf') format('truetype'),
         url('lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{
    margin: 0em;
    box-sizing: border-box;
}


body {
    font-family: 'latoregular';
    background-color:#C3C4C4;
    color: #FFFFFF;
}








                        /* Header */

#inicio {
    margin: auto;
    display: flex;
    flex-direction: column;
    padding-right: 3em;
    padding-bottom: 1em;
    padding-top: 1em;
    border-top: solid 1.5px;
    border-bottom: solid 1.5px;
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    margin-top: 2em;
}


header h1 {
    max-width: 4em;
    font-family: 'latoblack';
    margin: auto; 
    padding: auto;
    text-align: center;
    font-size: 3em;
    text-decoration: none;
    color: #FFFFFF;
    margin-top: 3rem;
    
}

h1 span{
    color: #E45051;
    font-size: 5rem;
}

#inicio nav ul{
    margin: auto;
    text-align: center;
}

header{
    display: flex;
    flex-direction: column;
    background-color: #171B1E;
    margin: auto;
    max-width: 68em;
}

header nav ul li{
    font-family: 'latoblack';
    margin: 0.3em auto;
    padding: 0;
    list-style: none;
    text-align: center;
}

ul li a {
    text-decoration:none;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 1em;
}

header a{
    text-decoration: none;
}

nav ul li a:hover,
nav ul li a:active{
    color: #E45051;
}

header #inicio2{
    width: 20em;
    margin: auto;
    padding: 0;
    
}

header #inicio2 nav ul{
    display: flex;
    flex-direction: row;
    margin: auto;
    text-align: center;
    padding: 0;
    margin-bottom: 1em;
}

header #inicio2 p a{
    text-decoration: none;
    color: #FFFFFF;
}

header nav ul li h1{
    padding: 0;
    margin: 0;
}









                    /* Main */


main {
    padding: 1em;
    margin: auto;
    background-color: #E45051;
    max-width: 68em;
}

main article {
    max-width: 38em;
    margin: auto;
}
article h2 {
    font-family:'latoblack';
    margin-top: 1em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-top: 2em;
}

article h2 span{
    color: #171B1E;
}

article p {
    font-size: 1.1em;
    margin: auto;
    line-height: 1.3em;
}

section{
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 0;
    text-align: left;
    max-width: 38em;
    margin-bottom: 3em;
}

section h2 {
    font-family:'latoblack';
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

section nav ul{
    margin: 0;
    padding: 0;
}

section nav ul li{
    text-align: left;
    font-size: 1.1em;
    list-style: none;
}

section nav ul li span{
  font-family: 'latoblack';
}









                    /* Footer */


footer {
    margin: auto;
    background-color: #FFFFFF;
    color: #171B1E;
    max-width: 68em;
    
}


footer img{
    max-width: 10em;
    margin: auto;
}

footer figure{
    display: flex;
    flex-direction: column;
    margin: auto;
    padding-top: 2em;
    max-width: 30em;
}

#logo_dgpc{
    margin: auto;
}

#logo_uba{
    margin: auto;
}

#logo_fadu{
    margin: auto;
}

footer article{
    max-width: 32em;
    margin: auto;
    margin-top: 1em;
    padding-bottom: 3em;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
}

footer article p{
    font-size: 0.7em;
}







@media screen and (min-width: 32em){
    
    
footer figure{
    flex-direction: row;
    }
    
    
 #inicio {
     flex-direction: row;
     margin: auto;
     margin-top: 2em;
     margin-bottom: 1em;
    }
    
    #inicio nav ul{
        display: flex;
        flex-direction: row;
        width: 30em;
        margin: auto;
    }
    
    

header{
    display: flex;
    flex-direction: column;
    background-color: #171B1E;
    margin: auto;
    max-width: 68em;
}
    

    
}


@media screen and (min-width: 55em){


    #inicio nav ul{
        width: 50em;

    }








}