@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'Muli', sans-serif;
  /*src:url('../fonts/codropsicons/codropsicons.eot');*/
  /*src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
    url('../fonts/codropsicons/codropsicons.woff') format('woff'),
    url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
    url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');*/
}

*, *:after, *:before { border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

/*
body {
  background: #f9f7f6;
  background: #fa565a;
  color: #404d5b;
  font-weight: 100;
  font-size: 1em;
  font-family: 'Muli', sans-serif;
}
*/

.board1 {
    background: #fa565a;
    height:1000px;
	color: #404d5b;
	font-weight: 100;
	font-size: 1em;
	font-family: 'Muli', sans-serif;
}


.board2 {

  background: #fa565a;
  font-weight: 100;
  /*font-size: 1em;*/
  font-family: 'Muli', sans-serif;
}


/*.svg-wrap {
  position: absolute;
  width: 0px;
  height: 0px;
  overflow: hidden;
}*/

.a1 {
  color: #373737;
  text-decoration: none;
  font-family: 'Muli', sans-serif;
  outline: none;
}

.link-tipoverlay {
  padding: 6em 2em;
  margin-top:50px;
}


.link-tipoverlay .p-1 {
  font-size: 2em;
  line-height: 1.518;
  max-width: 1200px;
  margin: 0 auto;
}


.mbp{
  margin-top:200px;
  text-align:center;

}


/*effects*/



.link-tipoverlay {
  position: relative;
  z-index: 1; /* needed for setting pseudo-element z-index */
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.link-tipoverlay a {
  position: relative;
  display: inline-block;
  outline: none;
  color: #404d5b;
  vertical-align: bottom;
  text-decoration: none;
  white-space: nowrap;
}

.link-tipoverlay a::before,
.link-tipoverlay a::after {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}


/* Tooltip overlay */
.link-tipoverlay {
  background: #fdaeae;
  color: #373737;
}

.link-tipoverlay a {
  color: #fff;
}

.link-tipoverlay a::before {
  position: absolute;
  top: -50%;
  left: -50%;
  padding: 1.8em 1em 1em 3.7em;
  width: 200%;
  height: 200%;
  background: #fff url(../img/skull.svg) no-repeat -3em 50%;
  background-size: auto 40%;
  color: #373737;
  color: transparent;
  content: attr(href);
  white-space: pre-wrap;
  word-break: break-all;
  font-weight: 600;
  font-size: 50%;
  line-height: 1.2;
  opacity: 0.2;
  -webkit-transition: opacity 0.3s, color 0.3s, -webkit-transform 0.3s, background-position 0.2s;
  transition: opacity 0.3s, color 0.3s, transform 0.3s, background-position 0.2s;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  pointer-events: auto;
}

.link-tipoverlay a:hover::before,
.link-tipoverlay a:focus::before {
  background-position: 1em 50%;
  color: #404d5b;
  opacity: 1;
  -webkit-transition-delay: 0s, 0s, 0s, 0.1s;
  transition-delay: 0s, 0s, 0s, 0.1s;
  -webkit-transform: scale(1) translateY(-75%);
  transform: scale(1) translateY(-75%);
}