.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.fa,
.material-icons{
  color:#444;
}

p,div{
  font-family: 'Open Sans', sans-serif;
}

header{
  background:rgb(237,125,49) url('../img/header.png');
  background-size:100% 100%;
  text-align: center;
  padding-top:40px;
  padding-bottom:40px;
}

header img{
  border-radius:50%;
  width:250px;
  position:absolute;
  top:0;
  left:0;
}

header #hola,
header #foto{
  display:inline-block;
  text-align:left;
  vertical-align: middle;
}

header #hola{
  padding-left:40px;
}

header #foto{
  width:250px;
  height:250px;
  position:relative;
}

header h2{
  color: rgb(243,170,121);
  font-size:6vw;
  font-weight:800;
  font-family: 'Open Sans', sans-serif;
  margin-top:10px;
}

header h1{
  color: white;
  font-size:7vw;
  font-weight:400;
  font-family: 'Open Sans', sans-serif;
  margin:0;
}

header h1 b{
  font-weight:800;
}


@media (max-width:660px){
  header h2{
    font-size:9vw;
  }
  header h1{
    font-size:10vw;
  }
}

header nav{
  clear:both;
  margin-top:50px;
  text-align:left;
}

header nav a{
  border: 5px solid white;
  text-transform:uppercase;
  font-weight:800;
  font-family: 'Open Sans', sans-serif;
  color:white !important;
  text-decoration:none !important;
  padding:15px;
  margin-right:30px;
  font-size:1.5em;
  white-space:nowrap;
  display:inline-block;
  margin-bottom:20px;
  
  transition: all .5s;
}

header nav a.active,
header nav a:hover{
  border-color: rgb(243,170,121);
  background: rgb(237,125,49);
  
  transition: all .5s;
}

#page{
  padding-top: 50px;
  padding-bottom: 50px;
}

#page h1{
  font-weight:300;
  font-family: 'Open Sans', sans-serif;
  color: rgb(237,125,49);
  margin-bottom: 50px;
  font-size:4em;
}

#page h3{
  font-weight:300;
  font-family: 'Open Sans', sans-serif;
  color: rgb(237,125,49);
  margin-bottom: 30px;
  font-size:2em;
}


@media (max-width:660px){
  #page h1{
    font-size:3em;
  }
}

.bloque{
  min-height: 100px;
  margin-bottom: 30px;
}

.bloque .material-icons{
  float:left;
  font-size: 70px;
}

.bloque p{
  margin-left: 90px;
  font-weight:300;
  font-family: 'Open Sans', sans-serif;
  font-size:1.2em;
}

.material-icons.gemelo{
  font-size:35px;
  margin-top:17px;
}

.tabla-ayudantias{
  width:100%;
  margin-top:-15px;
}

.tabla-ayudantias td{
  padding:10px;
  background:#eee;
  font-family: 'Open Sans', sans-serif;
  font-size:0.9em;
  border:8px solid white;
}

.tabla-ayudantias tr td:first-child{
  white-space:nowrap;
}

.taller{
  font-family: 'Open Sans', sans-serif;
  margin-bottom:20px;
}

.galeria{
  margin-bottom:30px;
}

.galeria img{
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #222;
}

.boton{
  background: rgb(237,125,49);
  padding:10px;
  font-weight:800;
  text-transform:uppercase;
  color: white !important;
  text-decoration: none !important;
}

.fa-6x{
  font-size: 9em;
}

.row.redes div{
  margin-bottom:40px;
}

.redes a{
  text-decoration:none !important;
  color: #444;
}

footer{
  background: rgb(192,101,39);
  color: white;
  padding-top: 40px;
  padding-bottom:40px;
  font-family: 'Open Sans', sans-serif;  
}

footer h1{
  margin-top:0;
}

footer a{
  color: white !important;
  text-decoration:none !important;
  display: inline-block;
  margin-left:20px;
  text-transform:uppercase;
  font-weight:800;
}