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

body{margin: 0;
    background: #380d1f;
    font-size: 14px;
    font-family: Myriad Pro, Myriad, sans-serif;}  

header{
    background: rgba(100, 245, 111, 0);
    max-width: 100%;
    height: 60px;
    margin: 0 auto;
}

nav {width: 100%;
    height: 45px;
    display: inline-block;
    float: none;
    background: rgba(39, 173, 222, 0.4);
padding-top: 1%;}

nav article {width: 16%;
            height: 75%;
            background: rgba(31, 129, 165, 0.66);
            float: right;
            margin: 0 2%;
            }

nav article h1 {margin: auto;
                text-align: center;
                color: rgba(255, 248, 231, 0.94);
                font-size: 1rem;
                padding: 6% ;}

main{
    background: rgba(8, 189, 255, 0);
    width: 100%;
    height: 500px;
    margin: 0 auto;
}



.section1{
    background: rgba(0, 0, 0, 0.31);
    width: 40%;
    height: 76%;
    display: inline-block;
    margin: 2% 2% 2% 0;
}


img {width: 100%;}

.descripcion{
    background: rgba(255, 195, 34, 0);
    width: 58%;
    height: 76%;
    display: inline-block;
    margin: 2% 0 2% 0;
    float: right;
    color: #290715;
}

.articulo1{
    background: rgba(255, 195, 34, 0.83);
    width: 100%;
    height: 80%;
    margin: 0 0 3% 0;
}

.articulo1 h1 {font-size: 1.4rem;
                font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 0.7rem;
    padding-left: 1rem;
    margin: 0;
}

.articulo1 p {margin: 0;
            padding: 0 0 0 1rem;
            font-size: 0.9rem;
            font-style: italic;}

.articulo1 span {font-weight: bold;
                font-style: normal;}

.articulo2{
    background: rgba(255, 195, 34, 0.83);
    width: 100%;
    height: 15%;
    margin-bottom: 0;
}

.articulo2 h1 {font-size: 1.5rem;
                font-weight: bold;
                padding: 1rem;
                margin: 0;

    color: #290715;}
.articulo2 h1 a { color: #290715;}

footer{
    background: rgba(0, 0, 0, 0.31);
    width: 100%;
    height: 12%;
    margin: 0;
}

footer article {width: 96%;
margin: 0 auto;}

footer article p {font-size: 0.8rem;
        font-style: italic;
        color: rgb(255, 199, 49);
        text-align: center;
        width: 96%;
        margin: auto;
        padding-top: 0.8rem;}


@media screen and (max-width: 768px) {
    main {height:  900px}
    .descripcion {width: 100%;
        float: none;
        height: 40%;
        margin: 2% 0 4% 0;}
    .articulo1 {height: 85%;
                margin: 0 0 2% 0;}
    .portfolio {height: 28%;
        }
    footer {height: 10%;}
    .section1 {height: 320px;
                width: 320px;}
    nav article h1 {font-size: 0.8rem}
}