body {
	
	background-image:url("../../img/giphy.gif");
    font: small-caps 100%/200% serif;
	margin:30px;
	padding:20px;
	color:#a142f4;
	line-height:1em;
	padding-top:50px;
	line-height:normal;
	text-align:justific;
}

h1 {
  text-shadow:parametros_capa_1, parametros_capa_2, parametros_capa_n;
}
h1 {
  color:#4174f4;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
h3 {
	
	font-family:arial;
	margin:auto;
}

#img1 {
	
	width:600px;
	height:400px;
	padding:2px;
	border:2px solid black;
}

#logo-header {
	float:left;
	padding:10px 0 0 10px;
	text-decoration:none;
}
	
	#logo-header .site-desc {
		display:block;
		
		color:#999;
	}
	
	#main-header {
	background:#333;
	color:;
	height:80px;
	
	width:200%; /* con esto la cabecera ocupe el ancho completo de la página */
	left:0; /* Se posiciona la cabecera al lado izquierdo */
	top:0; /* Se posiciona la cabecera pegada arriba */
	position:fixed; /* se a se que la cabecera tenga una posición fija */
}


/*Gif para volver al inicio*/
#gif{
	
	margin:0;
    display:inline-block;
    height:60px;
    float:none;
	
}
@media screen and (max-width:640px) {
  /* reglas CSS */
}
@media screen and (max-width:1024px) and (min-width:640px) {
  /* reglas CSS */
}
@media screen and (min-width:1024px) {
  /* reglas CSS */
}

div {
  max-width: 800px;
  min-width: 300px;
}
img, video, object, embed {
  max-width:100%;      /* Aquí el tamaño máximo de tus imágenes */
  height:auto;         /* No es necesario, sólo para clarificar */
}