.header{
                width: 100vw;
                height: 22pt;
                display:grid;
                grid-template-columns: repeat(4, 1fr);
                grid-gap:10px;
                position: fixed;
                background-color: black;
                /*backdrop-filter: blur(10px);*/
                z-index: 2;

            }

            .header div{
                padding-top: 4pt;
                padding-left: 4pt;
            }
            
            
            .footer{
                width: 100vw;
                height: 22pt;
                display:grid;
                grid-template-columns: repeat(4, 1fr);
                grid-gap:10px;
                
            }
        
            .footer div{
                padding-top: 4pt;
                padding-left: 4pt;
            }

            .persona{
                width: 100vw;
                display:grid;
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: 22pt 1fr 22pt;
                grid-gap:10px;
                position: relative;
                background-color: black;
             
            }
            .persona div{

            padding-top: 4pt;
            padding-left: 4pt;
            padding-right: 4pt;
            }
           
            .personaCol1{
                grid-column-start: 1;
                grid-column-end: 3;
                grid-row-start: 2;

            }
            .personaCol3{
                grid-column-start: 3;
                grid-column-end: 5;
                grid-row-start: 2;

            }
            .personaCol4{
                grid-column-start: 3;
                grid-column-end: 5;
                grid-row-start: 2;

            }

            .column1{
                grid-column-start: 1;
                grid-column-end: 2;
            }
            .column2{
                grid-column-start: 2;
                grid-column-end: 3;
            }
            .column3{
                grid-column-start: 3;
                grid-column-end: 4;
            }
            .column4{
                grid-column-start: 4;
                grid-column-end: 5;
            }
            
            
            p{
                font-size: 10pt;
                margin:0;
                padding:0;
                font-family: 'Helvetica Neue', sans-serif;
                font-weight: 700;
                color: white;
                word-break: break-word;
                

            }
            #upCas{

                text-transform: uppercase;
            }

            
            body{
                cursor:url("RedCursor.png"), move;
                background-color: black;
            }
            root {
              --main-white-color: white;
              --main-black-color: black;
                background-color: black;
                cursor:url("RedCursor.png"), move;
            }

            * {
              padding: 0;
              margin: 0;
              box-sizing: border-box;
            }

            .static {
              position: static;
            }

            .cover {
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat;
            }

            .owl-carousel .owl-slide {
              position: relative;
              height: 80vh;
                
            
              background-color: lightgray;
                margin-top: 8pt;
                
            }

            .owl-carousel .owl-slide-animated {
              transform: translateX(20px);
              opacity: 0;
              visibility: hidden;
              transition: all 0.05s;
            }

            .owl-carousel .owl-slide-animated.is-transitioned {
              transform: none;
              opacity: 1;
              visibility: visible;
              transition: all 0.5s;
            }

            .owl-carousel .owl-slide-title.is-transitioned {
              transition-delay: 0.2s;
            }

            .owl-carousel .owl-slide-subtitle.is-transitioned {
              transition-delay: 0.35s;
            }

            .owl-carousel .owl-slide-cta.is-transitioned {
              transition-delay: 0.5s;
            }
            
            /*CHANGES*/
            .owl-carousel .owl-dots,
            .owl-carousel .owl-nav [class*=owl-] {
              position: absolute;
            }
            
            .owl-carousel .owl-dots .owl-dot,
            .owl-carousel .owl-nav [class*="owl-"]:focus {
              outline: none;
            }

            .owl-carousel .owl-dots .owl-dot span {
              background: transparent;
              border: 1px solid var(--main-black-color);
              transition: all 0.2s ease;
            }
            
            .owl-carousel .owl-dots .owl-dot:hover span,
            .owl-carousel .owl-dots .owl-dot.active span {
              background: var(--main-black-color);
            }
            
            /*CHANGES*/
            .owl-carousel .owl-nav [class*=owl-] {
              top: 0;
              bottom: 0;
              width: 50%;
              margin: 0;
            }
 
            .owl-carousel .owl-nav .owl-prev {
              left: 0;
              cursor: url("RedlLeft.png"), move;
              cursor: url("RedlLeft.png") 16 16, move;
            }

            .owl-carousel .owl-nav .owl-next {
              right: 0;
              cursor: url("RedRight.png"), move;
              cursor: url("RedRight.png") 16 16, move;
            }

            .owl-carousel .owl-nav svg {
              display: none;
            }

            .owl-carousel .owl-nav [class*="owl-"]:hover {
              background: transparent;
            }

            section {
              display: none;
            }

            .owl-carousel .owl-item img {
                width: auto;
                height: 45vw;
            }
        
            a:hover{

                cursor: url("RedUp.png"), auto;
                
            }
        
            a{
            
            text-decoration: none;
            color: white;
            }
            a:visited{

                text-decoration: none;
            }
            
            .wrapper{

                    width: 100vw;
                    display:grid;
                    grid-template-columns: repeat(4, 1fr);
                    grid-gap:10px;
                    position: relative;
                    padding-bottom: 20pt;
                padding-top: 0px;
                
                    
            }
            .projectName{
                grid-column-start: 2;
                grid-column-end: 3;
                padding-left: 4pt;
            }
            .projectInfo{
                grid-column-start: 3;
                grid-column-end: 4;
                padding-left: 4pt;
                padding-top: 0;
            }
            .projectCredits{
                grid-column-start: 4;
                grid-column-end: 5;
                padding-left: 4pt;
                padding-top: 0;
            }
            .project{
                margin-top: 8pt;
                
            }
        
            
        img{
            
             
            width:auto;
            height:45vw;
            
           
           
            
        }
        
        video{
            width:auto;
            height:45vw;
            
        }

        #youtube{

            height:45vw;
            width: auto;
            
        }
        
@media(max-width:1200px){
    
    
    p{
                font-size: 8pt;
                margin:0;
                padding:0;
                font-family: 'Helvetica Neue', sans-serif;
                font-weight: 700;
                color: white;
                word-break: break-word;
                

            }
    
    
@media(max-width:800px){
    
    
            .header{
                width: 100vw;
                height: 72pt;
                display:grid;
                grid-template-columns: repeat(4, 1fr);
                grid-gap:10px;
                position: relative;
                text-transform: uppercase;
                background-color: black;
                /*backdrop-filter: blur(10px);*/
                z-index: 2;

            }

            .header div{
                padding-top: 4pt;
                padding-left: 4pt;
            }
            
            
            .footer{
                width: 100vw;
                height: 22pt;
                display:grid;
                grid-template-columns: repeat(4, 1fr);
                grid-gap:10px;
                text-transform: uppercase;
                
            }
        
            .footer div{
                padding-top: 4pt;
                padding-left: 4pt;
            }

            .persona{
                width: 100vw;
                display:grid;
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows:repeat(2,1fr);
                grid-gap:10px;
                position: relative;
                background-color: black;
             
            }
            .persona div{

            padding-top: 4pt;
            padding-left: 4pt;
            padding-right: 4pt;
            }
         
            .personaCol1{
                grid-column-start: 1;
                grid-column-end: 5;
                grid-row-start: 1;
                grid-row-end: 2;
                
                

            }
            .personaCol3{
                grid-column-start: 1;
                grid-column-end: 5;
                grid-row-start: 2;
                grid-row-end: 3;
                

            }
            .personaCol4{
                grid-column-start: 1;
                grid-column-end: 5;
                grid-row-start: 1;
                grid-row-end: 2;

            }

            .column1{
                grid-column-start: 1;
                grid-column-end: 5;
            }
            .column2{
                grid-column-start: 1;
                grid-column-end: 5;
            }
            .column3{
                grid-column-start: 1;
                grid-column-end: 5;
            }
            .column4{
                grid-column-start: 1;
                grid-column-end: 5;
            }
            
            
            p{
                font-size: 10pt;
                margin:0;
                padding:0;
                font-family: 'Helvetica Neue', sans-serif;
                font-weight: 700;
                color: white;
                word-break: break-word;
                

            }
            #upCas{

                text-transform: uppercase;
            }

            
            body{
                cursor:url("RedCursor.png"), move;
                background-color: black;
            }
            root {
              --main-white-color: white;
              --main-black-color: black;
                background-color: black;
            }

            * {
              padding: 0;
              margin: 0;
              box-sizing: border-box;
            }

            .static {
              position: static;
            }

            .cover {
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat;
            }

            .owl-carousel .owl-slide {
              position: relative;
              height: 80vh;
              background-color: lightgray;
                margin-top: 8pt;
                
            }

            .owl-carousel .owl-slide-animated {
              transform: translateX(20px);
              opacity: 0;
              visibility: hidden;
              transition: all 0.05s;
            }

            .owl-carousel .owl-slide-animated.is-transitioned {
              transform: none;
              opacity: 1;
              visibility: visible;
              transition: all 0.5s;
            }

            .owl-carousel .owl-slide-title.is-transitioned {
              transition-delay: 0.2s;
            }

            .owl-carousel .owl-slide-subtitle.is-transitioned {
              transition-delay: 0.35s;
            }

            .owl-carousel .owl-slide-cta.is-transitioned {
              transition-delay: 0.5s;
            }
            
            /*CHANGES*/
            .owl-carousel .owl-dots,
            .owl-carousel .owl-nav [class*=owl-] {
              position: absolute;
            }
            
            .owl-carousel .owl-dots .owl-dot,
            .owl-carousel .owl-nav [class*="owl-"]:focus {
              outline: none;
            }

            .owl-carousel .owl-dots .owl-dot span {
              background: transparent;
              border: 1px solid var(--main-black-color);
              transition: all 0.2s ease;
            }
            
            .owl-carousel .owl-dots .owl-dot:hover span,
            .owl-carousel .owl-dots .owl-dot.active span {
              background: var(--main-black-color);
            }
            
            /*CHANGES*/
            .owl-carousel .owl-nav [class*=owl-] {
              top: 0;
              bottom: 0;
              width: 50%;
              margin: 0;
            }
 
            .owl-carousel .owl-nav .owl-prev {
              left: 0;
              cursor: url("RedlLeft.png"), move;
              cursor: url("RedlLeft.png") 16 16, move;
            }

            .owl-carousel .owl-nav .owl-next {
              right: 0;
              cursor: url("RedRight.png"), move;
              cursor: url("RedRight.png") 16 16, move;
            }

            .owl-carousel .owl-nav svg {
              display: none;
            }

            .owl-carousel .owl-nav [class*="owl-"]:hover {
              background: transparent;
            }

            section {
              display: none;
            }
    
            .owl-carousel .owl-item img {
                width: auto;
                height: 65vw;
            }
        
            a:hover{

                cursor: url("RedUp.png"), auto;
                
            }
        
            a{
            
            text-decoration: none;
            color: white;
            }
            a:visited{

                text-decoration: none;
            }
            
            .wrapper{

                    width: 100vw;
                    display:grid;
                    grid-template-columns: repeat(4, 1fr);
                    grid-gap:10px;
                    position: relative;
                    padding-bottom: 20pt;
                padding-top: 0px;
                
                    
            }
            .projectName{
                grid-column-start: 1;
                grid-column-end: 5;
                padding-left: 4pt;
            }
            .projectInfo{
                grid-column-start: 1;
                grid-column-end: 5;
                padding-left: 4pt;
                padding-top: 0;
            }
            .projectCredits{
                grid-column-start: 1;
                grid-column-end: 5;
                padding-left: 4pt;
                padding-top: 0;
            }
            .project{
                margin-top: 8pt;
                
            }
        
        img{
            
            height:65vw;
            width:auto;
        }
        
        video{
            
            height:65vw;
            width:auto;
        }

        
    
    
    
    
    
    
    
    
}