/*
Property of Newhead Studio. Copyright © 2015 - today All rights reserved.
*/

@media (min-width: 320px) and (max-width: 1024px) and (orientation: portrait) {
    .view-right iframe {
        display: block;
        width: 80%;
        height: 45vw;
        margin: 0 10% 5% 10%;
        padding: 0;
    }

    .view-right h3 {
        margin: 4% 0 0 4%;
        font-size: 4vw;
        text-align: justify;
        color: var(--main-text-color);
        font-family: "Colaborate";
        border-bottom: 2px solid #530400;
    }

    .view-right #showreel {
        width: 80%;
        margin: 2% 10%;
    }

    .view-right p {
        font-size: 4.2vw;
        line-height: 2.5vh;
    }

    .textLink {
        font-size: 4.2vw;
    }

    .view-right ul li {
        font-size: 4.2vw;
    }

    .view-right #available {
        font-size: 4.2vw;
    }

    .view-right #legend {
        width: 80%;
        margin: 3% 10% 2% 10%;
        font-size: 2vw;
    }

    .scrollup {
        width: 8%;
        height: 8%;
        bottom: 0;
        right: 1%;
    }

    .view-right .pictures-zone {
        margin: 0 auto;
    }

    .view-right .pictures-zone .picture-left,
    .view-right .pictures-zone .picture-right {
        width: 90%;
        height: auto;
        margin: 1% 5%;
        padding: 0;
    }
}

@media (min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
    .view-right iframe {
        display: block;
        width: 80%;
        height: 45vw;
        margin: 5% 10%;
        padding: 0;
    }

    .view-right p {
        font-size: 3vw;
        line-height: 7vh;
    }

    .textLink {
        font-size: 3vw;
    }

    .view-right ul li {
        font-size: 3vw;
    }

    .view-right #available {
        font-size: 3vw;
    }

    .scrollup {
        width: 8%;
        height: 8%;
        bottom: 10%;
        right: 5%;
    }

    .view-right .pictures-zone .picture-left,
    .view-right .pictures-zone .picture-right {
        width: 70%;
        height: auto;
        margin: 2.5% 15% 2.5% 15%;
        padding: 0;
    }
}