@font-face {
  font-family: spacegroteskregular;
  src: url(SpaceGroteskRegular.ttf);
}
@font-face {
  font-family: spacegroteskbold;
  src: url(SpaceGroteskBold.ttf);
}
@font-face {
  font-family: spacegrotesklight;
  src: url(SpaceGroteskLight.ttf);
}
html{
  scroll-behavior: smooth;
  font-family:spacegroteskregular;
}
hr{
  margin:0;
}
a{
  color: black;
  border-bottom: 2px solid black;
}
#env{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-color: black;
  color: white;
  padding: 5px;
}
.white{
  color:white;
}
.card{
  border:0;
}
.mt-50{
  margin-top: 50px;
}
.fixed-height-20{
  height:20px;
}
.fixed-width-50{
  width:50px;
}
.va-middle{
  vertical-align:middle;
}
.fs-30{
  font-size:30px;
}
.fs-30{
  font-size:30px;
}
.fs-50{
  font-size:50px;
}
.w-20{
  width: 20%;
}
.tr{
  text-align:right;
}
.tl{
  text-align:left;
}
.lgrad{
  background-image:linear-gradient(to right, #1e70d8, #01e8f3);
  display:block;
  border:0;
  height:10px;
}
.coloured-font{
  color:#1e70d8;
}
.bold{
  font-family:spacegroteskbold;
}
.light{
  font-family:spacegrotesklight;
}
.pl-10{
  padding-left:10px;
}
.pt-10{
  padding-top:10px;
}
/* sections begin */
.section{
  background-repeat:no-repeat;
  background-size:auto;
}
#header{
  height:auto;
}
#rock{
  margin:0;
  background-image:url('/irudiak/ltc-fondo-cabecera.jpg');
  background-size:cover;
  color:white;
}
#body{
  margin:0;
  background-image:url('/irudiak/ltc-fondo-medio.jpg');
  color:#2a2a2d;
  background-position:left;
  background-size:cover;
  height:auto;
}
#footer{
  margin:0;
  background-image:url('/irudiak/ltc-fondo-pie.jpg');
  color:white;
  background-position:left;
  background-size:cover;
  height:auto;
}

/* sections end */