@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

body{
    background: #fff;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    }


nav ul {
    margin: 0;
    padding: 10px;
    background: #1e162e;
}

nav ul li {
    list-style-type: none;
    display:inline; 
    font-size: 20px;
    font-weight: 700;
    padding-right: 20px;
    padding-left: 20px;
    border-right: 1px #ffffff solid;
}

nav ul li a {
    color: #ffffff;
    text-decoration: none;
}

header{
    background-image: url(../img/faduvn15.jpg);
    background-position: center;
    background-size: cover;
    text-align: center;
    padding: 4rem;
    color: #ffffff;
}

header h1{
    font-size: 10rem;
}

header h2{
    font-weight: 400;
    letter-spacing: 8px;
    font-size: 18px;
}


.alumnos{
    background: #ffffff;
    display: flex;
 	justify-content: space-around;
	align-content: center;
    text-align: center;
    font-weight: 400;
}

.alumnos article {
    width: 23%;
     
}

.alumnos article a {
    text-decoration: none;
    color: #1e162e;
    font-weight: 500;
    font-size: 1.3rem;
    padding: 0.25rem;
    padding-left: 0.50rem;
    padding-right: 0.50rem;
}

.alumnos article a:hover{
    background: #fa2e74;
    color: #ffffff;
}
.fondoinfo{
    background: #1e162e;
}
.info{ 
    background: #1e162e;
    display: flex;
    justify-content: space-around;
    max-width: 70rem;
    padding-left: 7rem;
    margin: 0 auto;
    color: #ffffff;
}

.info article {
    width: 45%;
    
}

.fondoinfo1{
    background: #c54250;
}
.info1{ 
    background: #c54250;
    display: flex;
    justify-content: space-around;
    max-width: 70rem;
    padding-left: 7rem;
    margin: 0 auto;
    color: #ffffff;
}

.info1 article {
    width: 45%;
    
}

.infoplan{ 
    border: 5px dotted #c54250;
    display: flex;
    justify-content: space-around;
    max-width: 70rem;
    padding-left: 7rem;
    margin: 0 auto;
    color: #ffffff;
}

.infoplan article {
    width: 45%;
    
}

.plan{
    background: #1e162e;
    background-size: cover;
    height: 100%;
    color: #fff;
    margin: 0;
    padding: 50px;
    text-align: center;
}

footer{
    background: #ffffff;
    color: #1e162e;
    text-align: center;
}




@media (max-width:749px){
    nav ul li{ 
        font-size:40px;!important;
    }
    .alumnos{
        text-align:center;!important;
    }
    
    .info{
        display:block;!important;
        flex-direction: row;!important;
        flex-wrap: nowrap;!important;
        justify-content: center;!important;
        align-items: stretch;!important;
        align-content: stretch;!important;
        padding-left: 3rem;!important;
        padding-right: 3rem;!important;
        text-align:center;!important;
    }
    header{
        background-repeat: no-repeat
    }

    header h1{
        font-size: 6rem;!important;
        text-align: center;!important;
    }   
   
    article{
        text-align:center
    }
    
    nav ul li {
        font-size: 20px;!important;
        padding-right:10px;!important;
        padding-left: 10px;!important;
    }
    
    
    article{
        margin-right: 0px;!important;
    }
    .info article {
        width:100%;!important;
        padding-bottom: 2rem;
        padding-top: 2rem;
        
    }
    .alumnos article a {
        padding: 0rem;!important;
        padding-left: 0rem;!important;
        padding-right: 0rem;!important;
    }
   article p{
        font-size: 22px;!important;
    }
    footer p{
        font-size: 14px;!important;
        padding-left: 2rem;!important;
        padding-right: 2rem;!important;
     
    }
    
 }