  <!-- sanjit fading-->

.story-box--panel-1, .story-box--panel-2, .story-box--panel-3, .story-box--panel-4, .story-box--panel-5, .story-box--panel-6 {
justify-content: center;
flex-direction: column;
text-align: center;
height: 350px;
margin-top: 40px;
margin-bottom: 40px;
padding: 20px;
border-radius: 6px;
background: linear-gradient(to bottom, #008996 0%, #ffffff 0%);
text-align: center;
}

.story-box--panel-1 p, .story-box--panel-2 p, .story-box--panel-3 p, .story-box--panel-4 p, .story-box--panel-5 p, .story-box--panel-6 p {
color: #005e85;
/* Medium Devices, Desktops */
}

@media only screen and (min-width: 320px) {
.story-box--panel-1 p, .story-box--panel-2 p, .story-box--panel-3 p, .story-box--panel-4 p, .story-box--panel-5 p, .story-box--panel-6 p {
font-size: 1.5rem;
line-height: 2.25rem;
}
}

@media only screen and (min-width: 768px) {
.story-box--panel-1 p, .story-box--panel-2 p, .story-box--panel-3 p, .story-box--panel-4 p, .story-box--panel-5 p, .story-box--panel-6 p {
font-size: 2.75rem;
line-height: 3.5rem;
}
}

@media only screen and (min-width: 992px) {
.story-box--panel-1 p, .story-box--panel-2 p, .story-box--panel-3 p, .story-box--panel-4 p, .story-box--panel-5 p, .story-box--panel-6 p {
font-size: 2.4rem;
line-height: 3.5rem;
}
}

.story-box--panel-1 strong, .story-box--panel-2 strong, .story-box--panel-3 strong, .story-box--panel-4 strong, .story-box--panel-5 strong, .story-box--panel-6 strong {
font-size: 2rem;
}

@media only screen and (min-width: 992px) {
.story-box--panel-1 strong, .story-box--panel-2 strong, .story-box--panel-3 strong, .story-box--panel-4 strong, .story-box--panel-5 strong, .story-box--panel-6 strong {
font-size: 2.6rem;
}
}

@media only screen and (min-width: 768px) {
.story-box--panel-1 strong, .story-box--panel-2 strong, .story-box--panel-3 strong, .story-box--panel-4 strong, .story-box--panel-5 strong, .story-box--panel-6 strong {
font-size: 3rem;
}
}

.story-box--panel-1 hr, .story-box--panel-2 hr, .story-box--panel-3 hr, .story-box--panel-4 hr, .story-box--panel-5 hr, .story-box--panel-6 hr {
border-top-color: black;
border-top-width: 1px;
border-top-style: solid;
max-width: 100px;
}

.story-box--panel-2 {
background: linear-gradient(to bottom, #ffde90 0%, #ffffff 100%); }

.story-box--panel-3 {
background: linear-gradient(to bottom, #ccfbff 0%, #ffffff 100%); }

.story-box--panel-4 {
background: linear-gradient(to bottom, #f3d2da 0%, #ffffff 100%); }

.story-box--panel-5 {
background: linear-gradient(to bottom, #b3e8ff 0%, #ffffff 100%); }

.story-box--panel-6 {
background: linear-gradient(to bottom, #c7d8d2 0%, #ffffff 100%); }

.fading {
position: absolute;
top: 40px;
left: 0;
display: none;
width: 100%;
}

.a.current {
display: block;
}

.wrapper {
position: relative;
height: 450px;
padding-top: 100px;
padding-bottom: 200px;
// background: url("/assets/info/cca/mountains-all.svg") bottom right no-repeat;
}