/* index */

/*Encabezado*/
header  {padding: 0.5rem;background-image: url(../img/b8d6c419042239.562d3fd8dd4ea.png); background-size: cover;text-align: center;}
header a {text-decoration: none; color:#1A367A; transition-duration: 1s; font-family: 'Amatic SC'; font-size: 1.5rem;}

/*Body*/
.contenedor {max-width:48rem; margin:auto;}
body {background: antiquewhite;}

/*Barra de Navegación*/
nav ul{list-style-type: none; border-bottom: solid #e8ac16 0.0625rem;text-align: center;}
nav ul li {font-family: 'Raleway', sans-serif; font-weight: 700; margin: 0 0 1rem 0;}
nav a {padding: 0.625rem; text-decoration: none; color:#1A367A; transition-duration: 1s;}
nav a:hover {transition-duration: 1s; color: #F9C867;}



/*Main*/
main {display: flex; flex-flow: row;}

/*Section*/

#columna1   {float:left;width: 33%;padding-top: 1rem; padding-bottom: 3rem; margin: 0 0 0 10rem; max-width: 300px;}
#columna1 img {width: 90%;}
#columna2   {float:left;width: 33%;padding-top: 1rem; padding-bottom: 3rem;}
.titulo     {margin: 0; font-family: 'Amatic SC'; text-align: left; color:#1A367A;}
.subrayado  {font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 0.6875rem; text-align: left; text-decoration: underline;}  
.texto      {font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 0.6875rem; text-align: left;}    
h2          {color:darkslateblue; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 0.875rem;}

/*Pie*/
footer {float: left; font-family: 'Raleway', sans-serif; font-weight: 200; font-size: 10px; border: 1px solid #e8ac16; padding: 1rem; margin: auto;} 


/* propuesta */

#columnaunica {float:left; padding-top: 1rem; padding-bottom: 3rem; margin: 0 10rem 0 10rem;}

/* analisis */

.textoanalisis {text-align: justify; color:steelblue; font-family: 'Biryani', sans-serif; font-size: 10px; text-align: left; margin: 0rem 15rem 0rem 1rem;}
.textoanalisis2 {text-align: justify; color:steelblue; font-family: 'Biryani', sans-serif; font-size: 10px; text-align: left; margin: 0rem 15rem 0rem 15rem;}
.negrita3 {color:darkslateblue; font-family: 'Biryani:700', sans-serif; font-weight: 700; font-size: 12px; margin: 1rem 1rem 0rem 15rem;}



 @media all and (max-width: 40rem) 
 {header{padding: 0;}
  #columna2 {display: block; padding: 0; margin:0 9rem 0 9rem;}
  .contenedor {margin:auto;}
  img {padding: 0; margin: auto;} 
  h2 {display: block; background:darkslateblue; color: antiquewhite; text-align: center;padding: 1rem; margin: auto;}
  nav{padding: 0;margin: 0;}
  nav ul{padding: 0;margin: auto;}
  nav ul li a {display: block; padding:1rem; margin: auto; background:darkslateblue; color: antiquewhite; border-bottom: none; }
}