.pagina {max-width: 960px;
        margin: 0 auto;
        background: #a2edb4;}

body {margin: 0;
    background: #def0df;
    font-size: 14px;
    font-family: Helvetica LT Std, Helvetica Neue LT Std, Myriad Pro, Myriad, sans-serif;
    color: #43505B;}

header {
	max-width: 100%;
    height: 120px;
    margin: 0 auto;
}

.logo {margin: 2% 0 2% 2%}

nav {
	width: 84%;
    height: 35px;
    display: inline-block;
    float: right;
    margin: 45px 0 auto 0;
}

nav article {width: 14%;
            height: 35px;
            background: #556270;
            float: right;
            margin: 0 2% 0 1%;}
			
nav article h1 {margin: 9% auto;
                text-align: center;
                color: #edeeef;
                font-size: 1rem;
				text-decoration: none}

main{
    width: 100%;
    background: #556270;
    height: 500px;
    margin: 0;
}
section{
    width: 90%;
    height: 90%;
    display: inline-block;
	margin: 2% 2% 2% 2%;
}
.articulo1{
    background: #def0df;
    width: 30%; 
    height: 100%;
    margin: 0;
    float: left;
	padding-left: 2%;
}
.articulo1 a{
    text-decoration: none;
}
.articulo2{
    background: #def0df;
    width: 65%;
    height: 40%;
    display: inline-block;
    float: right;
    margin: 0;
}

footer {background: #556270;
        width: 100%;
        min-height: 45px;
        margin-top: 2%;}

footer p {font-size: 0.8rem;
        font-style: italic;
        color: #AFE0DA;
        text-align: center;
        width: 96%;
        margin: auto;
        padding-top: 0.4rem;}


@media screen and (max-width: 768px) {
    header {height: 170px;}
    main{
		height: auto;
	}
    nav {float: left;
        margin: 0;
        width: 100%
    }
    
    .articulo2 {
        float: left;
        margin: 0 0 0 0;
    }
	.articulo2 img {
		min-width: 100%;
		height: auto;
	}
    
    .articulo1 {height: 85%;
				width: 100%;
                margin: 0 0 2% 0;}
}