/* CSS Document */


#body{
  marginheight:0;
  marginwidth:0;
  margin: 0px; 
  padding: 0px;
  box-sizing: border-box;
  font-family: Frutiger LT Std, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
}


.flex-container {
  display: flex;
  flex-direction: row;
  font-size: 40px;
  text-align: center;

}

.flex-item-left {
  padding: 10px;
  flex: 50%;
  margin: 4px;
  
}




.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 3.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 3.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.5; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.5; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.5; }
  100% { opacity: 1.0; }
}

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
   
  }

  .h2{

  }

  .flex-container {
    font-size: 28px;
  }

}