@font-face {
  font-family: 'Impact';
  src: url('../fonts/Impact.woff') format('woff'),
       url('../fonts/Impact.ttf') format('truetype'),
       url('../fonts/Impact.svg#Impact') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ufonts.com_impact';
  src: url('../fonts/ufonts.com_impact.eot');
  src: url('../fonts/ufonts.com_impact.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ufonts.com_impact.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}





body { background-color:#CCCCCC; font-size:17px;}
h1,h2 { padding:0; margin:0; font-weight:bold; color:#fff; font-family:"Impact", "Arial Black", sans-serif; text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.3);}
h1 { font-size:72px; text-align:left; line-height:60px;}
h2 { font-size:38px; line-height:35px; letter-spacing:2px;}
.salto { display:block;}
.rojo-titulo { color:red; font-style:italic; font-weight:lighter;}
.rojo { color:red; font-size:32px; font-family:"Impact";text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.3); }
.degrade {
background: rgb(31,26,32);
background: -moz-linear-gradient(top,  rgba(31,26,32,1) 0%, rgba(204,204,204,1) 100%);
background: -webkit-linear-gradient(top,  rgba(31,26,32,1) 0%,rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom,  rgba(31,26,32,1) 0%,rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1a20', endColorstr='#cccccc',GradientType=0 );
}

@media (max-width:768px){

h1 { font-size:48px; line-height:40px; font-family:"Impact", "Arial Black", sans-serif;}
h2 { font-size:26px; line-height:10px; font-family:"Impact", "Arial Black", sans-serif;}
	
}