/* Core Styles */

body {
  font-family:  Helvetica, Arial,  sans-serif;
  color: #333;
  background: #fff;
  font-size: 1.1em;
  line-height: 1.5;
  width: 1357px;
  margin: 0 auto;
}

header {
  margin-bottom: 8em;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

h2,
h3 {
  margin: 0;
  padding: 1em 0;
}

p {
  margin: 0;
  padding:  0;
}


/* Header Showcase */

#showcase {
  min-height: 300px;
  text-align: center;
}

#showcase .bg-image {
  background:linear-gradient(to right,#66DEFF 0%, #0099FF 70% );
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
  z-index: -1;
  display: inline-block;
}

#logo{
  grid-column: 2/3;
  grid-row: 1/3;
  width: 300px;
  height: auto;
  margin-top: 2em;
}

#showcase .content-wrap,
#section-a .content-wrap {
  padding: 0 1.5em;
}

#menu{
  grid-column: 1/3;
  grid-row: 3;
  justify-self: center;
}

#menu ul {
  padding: 0px;
}

#menu li{
  display: inline;
  text-decoration: none;
  font-size: 14px;
  margin:  0em 2em;
}

#menu a {
  text-decoration: inherit;
  color: #333;
}

#menu a:hover{
 color: #29ABE2;
}

.categorias {
grid-column:3;
grid-row: 3/4;
justify-self:start;
align-self: center;
}

.categorias p{
text-align: left;
color: #000;
font-weight: 500;
font-size: 4em;
line-height: normal;
}

/* 2012 */
#linea-2013{
  grid-column: 6/8;
  grid-row: 1/12;
}

.linea-celeste{
  justify-self: center;
  width:1em;
  background-color: #29ABE2;
}

.linea-blanca{
  justify-self: center;
  width:1em;
  background-color: #fff;
}

.anio-2013{
  grid-column: 2/7;
  grid-row: 1;
  align-self: top;
}

.celeste{
  font-size: 8em;
  color: #29ABE2;
  line-height: 0.6;
}

.blanco{
  font-size: 8em;
  color: #fff;
  line-height: 0.6;
}

.lerner1 {
  grid-column: 1/6;
  grid-row: 2;
}

.lerner2 {
  grid-column: 4/7;
  grid-row: 5;
  justify-self: center;
  z-index: 2;
}

.mapping-lz{
  grid-column: 6/13;
  grid-row: 5/9;
 justify-self: center;
}

.lz{
  grid-column: 8/11;
  grid-row: 4/9;
  width: cover;
  height: cover;
  z-index: -1;
}

.mapping-pilar2013{
  grid-column:2/6;
  grid-row: 7/9;
}

.pilar{
  grid-column: 1/4;
  grid-row: 9/10;
  width: cover;
  height: cover;
  z-index: -1;
  align-self: center;
}

/*2012*/

#fondo-2012{
  grid-column: 1/13;
  grid-row: 10/19;
}

.fondo{
  background-color:  #29ABE2;
  z-index: -1;
}

#linea-2012{
  grid-column: 6/8;
  grid-row: 10/19;
}

.anio-2012{
  grid-column: 10/12;
  grid-row: 9;
  align-self:end;
  justify-self:end;
}

.cantando1 {
  grid-column: 2/6;
  grid-row: 13;
}

.cantando2 {
  grid-column: 4/7;
  grid-row: 14;
  align-self: center;
}

.mapping-pilar2012{
  grid-column: 6/13;
  grid-row: 11/14;
 justify-self: center;
}

.mapping-anses{
  grid-column:6/13;
  grid-row: 14/16;
  justify-self:center;
  z-index: 2;
}

/*2010*/

#linea-2010{
  grid-column: 6/8;
  grid-row: 19/26;
}

.anio-2010{
  grid-column: 2/7;
  grid-row: 17/19;
  align-self: end;
}

.catedral {
  grid-column: 1/7;
  grid-row: 23;
  z-index: -2;
}

.pilar-2010{
  grid-column: 8/11;
  grid-row: 19;
  z-index: -1;
}

.patronales1-2010 {
  grid-column: 10/13;
  grid-row: 24;
  z-index: 2;
  margin-right: 2em;
}

.patronales2-2010 {
  grid-column: 8/12;
  grid-row: 23;
}


/*2009*/

#fondo-2009{
  grid-column: 1/13;
  grid-row: 26/37;
}

#linea-2009{
  grid-column: 6/8;
  grid-row: 26/37;
}

.anio-2009{
  grid-column: 2/7;
  grid-row: 24/26;
  align-self: end;
}

.planetario {
  grid-column:7/13;
  grid-row: 25;
}

.exp-vial {
  grid-column: 6/10;
  grid-row: 31;
  z-index: 2;
}

.patronales-2009 {
  grid-column: 2/6;
  grid-row: 29;
}

.mapping-lp{
  grid-column:2/6;
  grid-row: 34;
}

.lp{
  grid-column:1/4;
  grid-row: 34;
  z-index: -1;
}

/*2008*/

#linea-2008{
  grid-column: 6/8;
  grid-row: 37/48;
}

.anio-2008{
  grid-column: 10/12;
  grid-row: 35/37;
  align-self: end;
  justify-self: end;
}

.expo-canuelas1 {
  grid-column:1/6;
  grid-row: 35;
}

.expo-canuelas2 {
  grid-column: 3/7;
  grid-row: 42;
  z-index: 2;
  margin-right: 2em;
}

.canuelas {
  grid-column: 2/4;
  grid-row: 43;
  z-index: 1;
}

.arnet1 {
  grid-column: 7/11;
  grid-row: 42;
}

.arnet2 {
  grid-column: 8/13;
  grid-row: 37;
  z-index: -3;
}

.arnet {
  grid-column: 8/12;
  grid-row: 36;
  z-index: 2;
}

.patronal-2008 {
  grid-column: 6/12;
  grid-row: 47;

}

.pilar-2008 {
  grid-column: 11/13;
  grid-row: 43;

}

/*2005*/

#fondo-2005{
  grid-column: 1/13;
  grid-row: 48/54;
}

#linea-2005{
  grid-column: 6/8;
  grid-row: 48/54;
}

.anio-2005{
  grid-column: 2/7;
  grid-row: 46/48;
  align-self: end;
}

.gotan1 {
  grid-column: 2/8;
  grid-row:54;
  z-index: 1;
}

.gotan2 {
  grid-column: 7/11;
  grid-row: 46;
  z-index: 2;
}

/*2003*/

#linea-2003{
  grid-column: 6/8;
  grid-row: 54/61;
}

.anio-2003{
  grid-column: 10/12;
  grid-row: 52/54;
  align-self: end;
  justify-self: end;
}

.bandana1 {
  grid-column:1/6;
  grid-row: 58;
}

.bandana2 {
  grid-column: 3/7;
  grid-row: 54;
  z-index: 2;
  margin-right: 2em;
}

.mambru1 {
  grid-column:9/13;
  grid-row: 52;
  z-index: 2;
}
.mambru2 {
  grid-column: 7/12;
  grid-row: 57;
  z-index: 1;
}

/*2001*/

#fondo-2001{
  grid-column: 1/13;
  grid-row: 61/68;
}

#linea-2001{
  grid-column: 6/8;
  grid-row: 61/68;
}

.anio-2001{
  grid-column: 2/7;
  grid-row: 59/61;
  align-self: end;
}

.oreiro1 {
  grid-column:4/11;
  grid-row: 63/68;
  align-self: end;
  z-index: 2;
}

.disco {
  grid-column: 4/6;
  grid-row: 62;
  z-index: 1;
}

.eurasia {
  grid-column:8/12;
  grid-row: 70;
}

.oreiro2 {
  grid-column: 2/5;
  grid-row: 59;
  margin-right: 2em;
}

/*1998*/

#linea-1998{
  grid-column: 6/8;
  grid-row: 68/75;
}

.anio-1998{
  grid-column: 10/12;
  grid-row: 66/68;
  align-self: end;
  justify-self: end;
}

.videomatch1 {
  grid-column: 2/8;
  grid-row: 69;
  margin-right: 2em;
}

.videomatch2 {
  grid-column: 7/12;
  grid-row: 66;
  z-index: 1;
}

.logo {
  grid-column:6/12;
  grid-row: 72;
  z-index: -1;
}

/*1996*/

#fondo-1996{
  grid-column: 1/13;
  grid-row: 75/83;
}

#linea-1996{
  grid-column: 6/8;
  grid-row: 75/83;
}

.anio-1996{
  grid-column: 2/7;
  grid-row: 72/75;
  align-self: end;
}

.colombia {
  grid-column: 5/9;
  grid-row: 71;
  z-index: 1;
}

.soda {
  grid-column:2/6;
  grid-row: 79;
}

.vilma-palma {
  grid-column:8/12;
  grid-row: 77;
  z-index: 2;
}

.air-supply{
  grid-column: 4/7;
  grid-row: 77;
  z-index: 1;
}

/*1995*/

#linea-1995{
  grid-column: 6/8;
  grid-row: 83/91;
}

.anio-1995{
  grid-column: 10/12;
  grid-row: 81/83;
  align-self: end;
  justify-self: end;
}

.pericos1 {
  grid-column:3/8;
  grid-row: 79;
}

.pericos2 {
  grid-column: 2/6;
  grid-row: 86;
  z-index: 1;
}

.pericos {
  grid-column:6/10;
  grid-row: 86;
  z-index: 2;
}

.cd1 {
  grid-column: 9/11;
  grid-row: 81;
}

.cd2 {
  grid-column: 10/12;
  grid-row: 81;
}

.anio-1993{
  grid-column: 2/7;
  grid-row: 83/85;
  align-self: end;
}

/*Footer*/

#link {
  margin-top: 5em;
  text-align: center;
  background: #333;
  color: #fff;
  padding: 0.5em 0;
}

#link a {
  text-decoration: none;
  color: #29ABE2;
}

/*Grids*/

.header-grid{
  display: grid;
  grid-template-columns: 10% 50% 30% 10%;
  grid-auto-rows: 150px;
}

.section-a-grid{
display: grid;
grid-template-columns: repeat(12, 1fr) ;
grid-auto-rows: 100px;
}