/* Importación de fuentes de google fonts */ 
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);
body {
  margin: 2px auto;
  max-width: 1024px;
  font-family: 'Noto Sans', sans-serif;
  background-image: url(../img/1.jpg);
  background-size: cover;
}
h1 {
    font-size: 1.3em;
    color: green;
    font-style: oblique;
}
h2 {
    background: linear-gradient(black,#9df99d,yellow,#e11212);
      background-clip: border-box;
    -webkit-background-clip: text;
    font-size: 1.5em;
    width: 50%;
    margin: 0;
      margin-left: 0px;
    color: transparent;
    text-shadow: 2px 2px 0 #554709;
    margin-left: 24%;
    display: block;
    font-style: oblique;
  }

p {
    text-align: justify;
    background-color: white;
    border: 1px inset;
    border-radius: 4px;
    padding: 1em;
}
.clean {
clear: both;
}
container {
    padding: 4px;
    width: 100%;
    display: block;
}
content {
    display: block;
  }
  section {
    float: right;
    border-radius: 4px;
    width: 70%;
}
section h3 {

font-size: 1.2em;

}
article {
    border: 2px groove rgb(255, 255, 255);
    /* padding: 5px; */
}

}
@media only screen and (max-width: 650px) {
aside {
    float: none;
    width: 97.5%;
    background-color: #230bf6;
    display:none;
}
content {
    background-color: #94d4d4;
    display: block;
  }
    section {
    width: 97%;
    float: none;
    margin: 1%;
    }
}


@media only screen and (max-width: 600px) {

    header img {
        margin-right: 0;
    }
    .img-redes {
            width: 18px;
        }
     footer table {
         font-size: 0.8em;
     }
	section {
        float: left;
        width: 98%;
        margin: 1% auto;
        border: none;
    }
	      footer table {
        font-size: 0.8em;
        display: none;
    }
	body {
		background: none;
	}
}