p {
    font-size: 2vw;
}

.body-container {
    padding-top: 12vh;
}


#menu-panel {
    width: 100%;
    background-color: #dce4ea;
    height: 12vh;
    background: linear-gradient(to bottom, #f2f2f2 80%, #e7e7ee 100%);
    position: fixed;
}


    #menu-panel .logo-circle {
        width: 20vw;
        height: 20vw;
        border: 0.4vh solid #fff;
    }


    #menu-panel nav {
        display: none;
    }



        #menu-panel nav.show {
            display: block;
        }




.social {
    width: 20vw;
    margin-top: 6vh;
    position: fixed;
    right: 2vh;
    top: 2vh;
}


.social-icon img {
    width: 3vw;
    height: 3vw;
}

.social-icon {
    margin-right: 1vh;
    margin-left: 1vh;
}


.product-panel {
    width: 50vw;
    height: 50vh;
}


    .product-panel .title {
        font-size: 2vh;
        line-height: 3vh;
    }

.picture-panel {
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
    max-height: 100vw;
}


.side-panel {
    width: 100%;
    min-height: 22vh;
}

    .side-panel h1 {
        font-size: 4vw;
        margin-top: 0;
    }

    .side-panel p {
        font-size: 2vw;
    }

    .side-panel .sidepanel-text {
        margin: 2vw;
    }


    .side-panel .data th,
    .side-panel .data td {
        font-size: 1.6vw;
    }

    .side-panel .data th {
        min-width: 12vw;
    }




.video-container iframe,
.video-container object,
.video-container embed {
    width: 90vw;
    height: 60vh;
}


.body-content {
    padding: 3vw;
}



.embed-container iframe,
.embed-container object,
.embed-container embed {
    width: 90vw;
    height: 48vh;
}

.picture-navigation {
    height: 3vw;
    text-align: right;
    position: relative;
    top: 3.5vw;
}

    .picture-navigation .picture-navigation-button {
        font-size: 4vw;
    }



    .picture-navigation .position {
        font-size: 2vw;
    }


.picture-panel {
    max-height: 0vw;
    height: 0vw;
}

.main-panel {
    min-height: unset;
    height: 66vh;
}