.rowIntro{
    height : 20vh;
}
.rowIntro .col-1{
    height: 100%;
}
.introContainer {
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: 100%;
    align-content: end;
    width: 90%;
    height: 100%;
    grid-gap: 2px;
    overflow: hidden;
    font-size: 20px;
}

.introLeft {
    display: grid;
    align-self: center;
    justify-self: center;
    font-size: small;
}

.introRight {
    height: 100%;
}
.btnGo{
    height:10px;
}

.introContainer p {
    font-size: small;
}

@media (min-width: 480px) {
    .rowIntro {
        height: 25vh;
    }
}
@media (min-width: 1100px) {
    .rowIntro {
        height: 50vh;
    }
}
@media (min-width: 1600px) {
    .rowIntro {
        height: 60vh;
    }
    .introContainer {
        grid-template-columns: 40% 60%;
        grid-gap: 3px;
    }

        .introContainer p {
            font-size: 20px;
        }
}