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

section#legacy .simple-person-tout {
    position: relative;
}

section#legacy .simple-person-tout .tout-content img {
    width: 264px;
    height: auto;
}

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

section#legacy .simple-person-tout .prelude-text {
    font-size: 20px;
    line-height: 26px;
}

section#legacy .simple-person-tout .imperial-btn {
    margin: 25px;
}

section#legacy .simple-person-tout .title-text {
    padding-top: 15px !important;
}


@media only screen and (min-width: 1200px) {
    section#legacy .simple-person-tout .tout-content {
        position: absolute;
        bottom: 0;
    }
    
    section#legacy .simple-person-tout .tout-content img {
        width: 23.5vw; /* 264px/1120 */
    }

    section#legacy .simple-person-tout .title-text {
        font-size: 2.30vw; /* 26px/1120px */
        line-height: 2.30vw;
    }

    section#legacy .simple-person-tout .prelude-text {
        font-size: 1.78vw; /* 20px/1120px */
        line-height: 2.30vw;
    }

    section#legacy .simple-person-tout .imperial-btn {
        margin: 2.30vw;
    }
}