/* Global Styles */
body {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    font-family: 'Abel', sans-serif;
	font-size: 1.5em;
	background: #fff url(../img/backg.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
*:focus {
    outline: none;
}
hr { width: 50% !important;
 }
h5 { letter-spacing: 1em !important;} 
a, a:active, a:focus, a:link{ color:white; text-decoration: none !important; -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;}
a:hover, a:visited{ color:navajowhite; -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;}
/* Inicio */
.inicio {
    padding: 50px 0;
	}
section{
  width: 100%;
  padding: 25% 7% 0%;
  display: table;
  margin: 0;
  max-width: none;
  height: 90vh;}

.sectionintro {
 width: 100%;
  padding: 30% 7% 0%;
  display: table;
  margin: 0;
  max-width: none;
  height: 90vh;
  }

.content {
display: table-cell;
vertical-align: middle;
}

 @media only screen and (min-device-width: 315px) and (max-device-width: 1028px) and (orientation:portrait) {
     .sectionintro{padding: 85% 7% 0%;}
    }
@media only screen and (min-device-width: 315px) and (max-device-width: 1028px) and (orientation:landscape) {
      .sectionintro{padding: 35% 7% 0%;}
    }
/*isotope*/
* { box-sizing: border-box; }

/* ---- grid ---- */

.grid {
  max-width: 100%;
  margin: 0 auto;
}
.grid ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.grid li {
	width: 100%;
	float: left;
	cursor: pointer;
}

.grid figure {
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.grid li:hover figure {
	opacity: 0.7;
}

.grid figcaption {
	background: #e4e4e4;
	padding: 15px;
}

.grid figure img {
	display: block;
}

.grid figcaption h3 {
	margin: 0;
	padding: 0 0 0.5em;
}

.grid figcaption p {
	margin: 0;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-item {
  float: left;
  width: 320px;
  height: 350px;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #999;
  border-color: hsla(0, 0%, 0%, 0.1);
  overflow: hidden;
}
.grid-item--height2 { height: 640px; }
.grid-item--height3 { height: 320px; }
/*isotope*/

/* ---- button ---- */

/* ---- button-group ---- */

.button-group{font-size: 0.9em;
	margin: 50px 0px;
	}

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  border-radius: 0;
  border: none;
  margin-left: 0;
  margin-right: 1px;
  background-color: transparent;
  text-transform: uppercase;cursor: pointer;
  color: #555;
	text-decoration: none;
	padding: 6px;
	transition: all 0.5s;
}
.button-group .button.is-checked {
 color: #BBB;
 border-top: 1px solid #AAA;}