body {
	
	margin:20px;
	padding:10px;
	line-height:1em;
	padding-top:50px;
	line-height:normal;
	
}

div {
	
	border:black 2px solid;
	margin-left:150px;
	margin-right:150px;
	
	
	
}
div.s1 {
	
	color:gold;
	margin-left:150px;
	margin-right:150px;
	padding:10%;
	text-align:center;
}

#img1 {
	
	width:685px;
	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:green;
	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 */
}