/* GLOBAL */
        @font-face {
            font-family: "TT Norms Pro";
            src: url("../fonts/TT Norms Pro Regular.otf") format("woff2"), url("../fonts/TT Norms Pro Regular.otf") format("woff");
        }

        #main-container{
            height: 100vh;
        }
        #main-container *{
            font-family: "TT Norms Pro";
            overflow: hidden;
        }

        /* FIRST ROW */
        #first-row {
            height: 30%;
        }
        #first-row-company{
            background-color: #f9ea00;
            vertical-align: middle;
            display: flex;
        }
        #first-row-company img{
            object-fit: contain;
            max-width: 700px;
        }
        #first-row-title{
            background-color: #000000;
        }
        #first-row-title > div{
            position: relative;
            height: 100%;
        }
        #first-row-title h3{
            color: #ffffff;
            position: absolute;
            top: 0; bottom: 0; left: 0; right: 0; 
            margin: auto;
            height: min-content;
        }

        /* SECOND ROW */
        #second-row {
            height: 30%;
        }
        #second-row-video{
            background-color: #c8c8c8;
            height: 100%;
        }
        #second-row-video > video{
            max-height: 100%;
            transform: translate(-50%, -50%);
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
        }
        #second-row-description{
            background-color: #ffffff;
        }
        #second-row-description > div{
            position: relative;
            height: 100%;
            width: 100%;
        }
        #second-row-description > div > div{
            position: absolute;  
            top: 0; bottom: 0; left: 0; right: 0; 
            margin: auto;    
            height: min-content;
        }
        #second-row-description h3{
            margin-bottom: 1em;
        }

        /* THIRD ROW */
        #third-row {
            height: auto;
            padding: 1.5em;
            background-color: #f5f5f5; 
        }
        .pano-box-container{
            padding: 2em;
        }
        .pano-box-container > a{
            width: 100%;
            height: 100%;
        }
        .pano-box{
            padding: 1.5em;
            position: relative;
            text-align: center;
            background-color: #ffed00;
            color: #000000;
            display: inline-block;
        }
        .pano-box p{
            text-align: center;
            bottom: 1em;
            width: 80%;
            margin: auto
        }
        #third-row a:hover .pano-box{
            background-color: #000000;
            color: #ffffff;
        }
        #third-row a{
            text-decoration: none;
        }