body  {
font-family: 'Proxima Nova Rg';
color: #2b0332;
}
.intro-cc {
position: relative;
}

.text-intro {
position: absolute;
top: 1em;
left: 15%;
text-align: center;
width: 450px;
}
.text-intro h1 {
text-shadow: -1px 1px 2px rgba(255, 255, 255, 0.81);
}
.text-intro p {
line-height: 1.1;
font-size: 1.3em;
}

.scroll-down {
position: absolute;
bottom: -3em;
text-align: center;
margin: auto;
left: 0;
right: 0;
width: 100px;
height: 100px;
background: #fbf0fb;
border-radius: 50px;
}
@keyframes scroll {
0% {
transform: translateY(0);
}
30% {
transform: translateY(100px);
}
}
.btn-outline-dark {
color: #2b0332;
border-color: #2b0332;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #2b0332;
border-color: #2b0332;
}
svg #wheel {
animation: scroll ease 1.5s infinite;
}
img.elisa {
width: 100%;
height: auto;
}
.audios {
margin-top: 5em;
}
.titulo h1 {
margin: 0;
line-height: 1;
}
.titulo h3 {
margin: 0;
font-family: 'Proxima Nova Lt';
line-height: 1;
}
.cuento h3 {
font-family: 'Proxima Nova Lt';
font-size: 1.3em;
padding-bottom: .5em;
border-bottom: #2c0332 3px dotted;
}
.cuento p {
line-height: 1.1;
}
.cuento span {
background: #2c0332;
color: #fff;
text-transform: uppercase;
font-weight: 700;
padding: 2px 5px 2px 5px;
}
.btn-audio {
color: #fff;
background-color: #2c0332;
border-color: #2c0332;
color: #fff;
}
.btn:hover {
color: #fff!important;
text-decoration: none;
}
@media (max-width: 575.98px) {
.text-intro {
position: relative;
top: 0em;
left: 0;
text-align: center;
width: 100%;
}
.text-intro img {
width: 120px;
}
.scroll-down {
display: none;
}
img.elisa {
width: 100%;
object-position: right;
object-fit: cover;
height: 250px;
}
}