* {
  margin: 0px;
  padding: 0px;
}
body {
  font-family: 'Roboto', sans-serif;
  color: #000000;
  background-color:white;
}
a { cursor: pointer; }

#GFG {
  width: 100%;
  position: relative;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#GFG::before {
  width: 100%;
  height: 100%;
  z-index: -3;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-attachment: fixed;
  height: 100vh;
  background-size: cover;
  background-position: center;
  opacity:1;
}

.zonaTexto {
  text-align: center;
  /*background: rgba(22, 30, 110, 0.5);*/
}

h3, h4, h5 {
  font-weight: bolder;
}

.whatsapp {
  border-radius: 20px;
  background-color: #324E8A;
  border-color: #324E8A;
}

 .amarillo {
  border-radius: 20px;
  background-color: #dca004;
  border-color: #dca004;
}

.boton-accion {
  border-radius: 20px;
  background-color: #22C7B8;
  border-color: #22C7B8;
}


.redsocial {
  color: #506567;
}
 /* 410195 901E84 */

/* botones */


.facebook {
  color: #4866A2;
}
.instagram {
  color: #C7408B;
}
.twitter {
  color: #00acee;
}
.share {
  color: #2F9688;
}
.youtube {
  color: #FF0000;
}
.redrojo {
  color: #C11B31;
}
.redcafe {
  color: #605244;
}

/* (A) WRONG ORIENTATION - SHOW MESSAGE HIDE CONTENT */
@media only screen and (orientation:landscape) {
  #turn { display:block; }
  #GFG { display:none; }
}

/* (B) CORRECT ORIENTATION - SHOW CONTENT HIDE MESSAGE */
@media only screen and (orientation:portrait) {
  #turn { display:none; }
  #GFG { display:block; }
}