#main-image {
    width: 100%;
    height: 35vh;
    margin: 0;
    display: block;

    border-radius: 1vh;
    object-fit: cover;
}
#main-image-site {
    width: auto;
    height: 1vh;
    margin: 1vh 0;
    display: block;

    display: flex;
    justify-content: center;
}
#main-image-site span {
    width: 1vh;
    height: 1vh;
    margin: 0 .5vh;
    float: left;

    background: #cce5ff;
    border-radius: 50%;
    transition: all 187ms ease;
}
#main-image-site span[active="true"] {
    background: #407dbe;
}
#main-image-site span:not([active="true"]):hover {
    background: #8db7e3;
    cursor: pointer;
}

#main-text {
    width: 100%;
    margin: 0 0 1vh 0;
    color: #555 !important;
}
#main-text-image {
    width: 100%;
    height: auto;
    border-radius: 1vh;
}


/* RESPONSIVE */
@media only screen and (min-width: 1600px) {
    #main-text {
        width: calc(1600px - 3vh - 200px);
        float: left;
    }
    #main-text-image {
        width: 200px !important;
        float: right !important;
    }
}