*{margin:0;}

body {
    width: 70%;
    font-size: 16px;
    margin: 0 auto;
}
header {
    width: 100%;
    height: 180px;
    background: #dbdbdb;
    margin: 0px auto;
    font-family:  sans-serif 
}
img { 
    display: block;
    margin-left: auto;
    margin-right: auto; 
	}
.maru { padding-top: 40px;
    height: 350px;
    width: 500px;
}
	
nav { 
    font-family: 'Oswald', sans-serif;
    color: #000;
	text-align: center;
    margin: 27px;
    
}

main {
    width: 100%;
    height: 1200px;
    background: #fff;
    margin: 0px auto;
	text-align: center;
}

.Titulo{
    min-height: 820px;
    background-color: #f0efd0;
    margin: 0px auto;
    background-color: lemonchiffon;
}

.sectionAlumna{
    height: 250px;
    background-color: #9c14ff;
    margin: 0px auto;  
}


.sectionDos {
    width: 888px;
    margin: 0px auto;  
    
}


.artTexto{
    margin: center;
    margin-top: 0;
    padding-bottom: 40px;
}

h1 { 
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff;
    letter-spacing: 2px;
    font-size: 160px;
    font-weight: lighter;
}

.materias { 
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #5c5c5c;
    letter-spacing: 2px;
    padding-top: 20px;
    font-size: 20px;
} 

.behance { 
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #5c5c5c;
    letter-spacing: 2px;
    padding-top: 20px;
    font-size: 20px;
} 

.tp { 
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #696969;
    letter-spacing: 2px;
    padding-top: 20px;
    font-size: 20px;
} 
.infom { 
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #767676;
    letter-spacing: px;
    padding-top: 20px;
    margin: 0px;
}
.curso{ 
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #5c5c5c;
    letter-spacing: 2px;
    padding-top: 20px;
    font-size: 20px;
} 

.mariela { 
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #6f00ba;
    letter-spacing: 2px;
    padding-top: 20px;
    font-size: xx-large;
    font-weight: bold;
}
p { 
   font-family: 'Open Sans Condensed', sans-serif;
    text-align: center;
    color: #FFFFFF;
    text-indent: auto;
    font-size: 100%;
    padding: 5px 10px 5px 10px;
    font-weight: lighter;
}

.logodgpc { 
    display: block;
    margin-left: auto;
    margin-right: auto; 
	}

.foot { 
    color: #fff;
	font-size: 10pt;
	margin-top: 16px;
    background-color: #fff
}

footer {
    background: #bfbfbf;
    margin: auto;
    text-align: center;
    padding: 5px;
    min-height: 51px;
    
}

/* Responsive */
/* Si es menor a 768px */
@media screen and (max-width:768px) {

    header {width: 100%}
    .sectionAlumna {width:100%;}
    .Titulo {width:100%;}
    .artTexto {width: 100%;}
    .maru {width:100%;
    height: 100%}
}