@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	transition: 1s all;
        
}

body{
	font-family: "raleway", sans serif;
	color: #1d3557;display: flex; flex-direction: column;justify-content: flex-end
}

header{
	background-color: #1d3557;
	height: 100px;
	color: #f1faee;
	text-align: center;
	padding: 2rem;	
}

nav{
	background-color: #cfdbd5; 
	height: 40px;
	font-family: "Spartan", sans-serif;
	font-weight: 300;
	text-align: center;
    
}

nav a{
	color: #1d3557;
	text-decoration: none;
	padding: 10px 10px;
	display: inline-block;
}

nav a:hover{
	color: #252422;
	background-color: #e8eddf;
}

main{
	background-color: #f1faee;
	padding: 2rem;
}

main a{
	text-decoration: none;
	color: #457b9d;
}

main a:hover{
	color: #e63946;
}

main section article{
	padding: 1rem;
}

main section aside{
	padding: 1rem;
}

h1{
	font-family: "Spartan", sans-serif; 
	font-size: 2.5rem; 
	font-weight: 900;
}

h2{
	font-family: "Spartan", sans-serif; 
	font-size: 1.5rem; 
	font-weight: 700;
}

h3{
	font-family: "Spartan", sans-serif;
}



.columna1{
	background-color: #a8dadc; width: 100%;
}

.columna2{
	background-color: #a8dadc; width: 100%;
}

.columna3{
	background-color: #a8dadc;width: 100%;line-height: 1.5rem;
}

footer{
	background-color: #e63946;
	padding: 1rem;
}

#plan{
	display: flex;
	flex-direction: column;
	align-items: left;	
}

.objetivo{
	background-color: #a8dadc; 
	width: 100%;
	text-align: left; 
}

.usuarios{
	background-color: #a8dadc; 
	width: 100%;
	text-align: left;
}

.comitente{
	background-color: #a8dadc; 
	width: 100%;
	text-align: left;
}

.funciones{
	background-color: #a8dadc; 
	width: 100%;
	text-align: left;
}

footer p{
	font-size: 0.7rem;
	color: #f1faee;
	font-family: "raleway", sans-serif;
	text-align: center;
}

.pmv{
    background-color: #a8dadc; 
	width: 100%;
	text-align: left;
    
}


.links{
    
    color:#D5494C;
    text-decoration: underline;

    
}

@media screen and (min-width:48rem){

.inicio {display:flex;justify-content: space-between }    
.columna1 {width:100%; background-color:#cfdbd5;1rem}
.columna2 {width:100%; background-color:#cfdbd5;padding: 1rem}   
.columna3{width:100%; background-color:#cfdbd5;padding: 1rem  }

    
.plan{display: block; width: 100%;}     
   
        
}