/*
put any CSS shared by all instances
of this componehnt here. Also be sure to add this file
to the styleRefs array in elastic
*/

section#legacy .carousel-tout {
    min-height: 400px;
    background-color: white;
}

section#legacy .carousel-inner {
  padding-top:15px;
  padding-bottom: 20px;
}

section#legacy .carousel-inner img {
  min-height: 149px;
  height: 13.3vw;
  width: auto;
  margin: 10px auto 10px auto;
}

section#legacy .prelude-text {
    font-size: 11px;
}

section#legacy .title-text {
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 0;
}

section#legacy .catalog-subtitle-text, section#legacy .catalog-title-text {
    font-weight: 400;
    margin-bottom: 0;
}

section#legacy .catalog-title-text {
    font-size: 26px;
    line-height: 26px;
}

section#legacy .catalog-subtitle-text {
    font-size: 20px;
    line-height: 26px;
}

section#legacy .carousel-item {
  height: 100%;
}

@media only screen and (min-width: 1200px) {
    section#legacy .carousel-tout {
        height: 30vw;
    }

    section#legacy .prelude-text {
        font-size: 0.91vw;
    }

    section#legacy .title-text {
        font-size: 2vw;
        line-height: 2.16vw;
    }

    section#legacy .catalog-title-text {
        font-size: 2.16vw;
        line-height: 2.16vw;
    }

    section#legacy .catalog-subtitle-text {
        font-size: 1.66vw;
        line-height: 2.16vw;
    }

    section#legacy .carousel-btn{
        bottom: 3.75vw;
    }
}