@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);


body {
    background-image:url(img/fadu.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}

    
header {
    padding: 1em;
        }

.uba img {
    width: 50%;
}

.titulo2 {
    font-family:'oswald'; 
    font-size: 80px;
    font-weight: 800;
    color: #246262;
    background-color: rgba(255, 255, 255, 0.51);
    padding: 1em 2em 1em 2em;
    text-align: center;
    }
    

header nav ul{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}    

header nav ul li {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.51);
    list-style: none;
    width: 200px;
    text-align: center;
}

h3 {
    font-family: 'Oswald', sans-serif;
    color: aliceblue;    
}

header nav ul li a {
    text-decoration: none;
    font-family: 'oswald';

    color: black;
    text-align: center;
    padding: 0.3em;
}

.nombres ul li a {
     text-decoration: none;
     font-family: 'oswald';
     font-size: 15;
    color: aliceblue;
}

.nombres ul li{
      list-style: none;
}

.carta {
    font-family: 'oswald';
    font-weight: 100;
    color: aliceblue;
    background-color: rgba(0, 0, 0, 0.71);
    display:block;
    margin-right: 600;
    padding: 10px;
    
}

h4 { font-family: 'oswald';
    font-weight: 400;
    color: aliceblue;
    margin-right: 600;
    margin-bottom:
    
    
}
img{
    margin-left: 250;
    opacity: 0.75;
}

h5 {font-family: 'oswald';
    font-weight: 200;
    color: aliceblue;
}

    
}

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

    body {
    background-image: transparent;
    background: rgb(80, 59, 114);
    }
    
    .titulo2 {
    font-size: 80px;
    font-weight: 800;
    color: #246262;
    background-color: rgba(0, 0, 0, 0.51);
    padding: 1em 2em 1em 2em;
    text-align: center;
    }
    
    header nav ul{
    flex-direction: column;
    }
    
}