@font-face {
            font-family: 'Museo_Sans_100';
            src: url("fonts/MuseoSans-100.otf") format("opentype");
            font-weight: normal;
            font-style: normal;
            font-size: 15px;  
        }
        body{
            overflow: hidden;
        }

        .DeskTopPage{
            visibility: visible;
        }

        .mobilePage {
            width: 100%;
            visibility: hidden;
        }
        .parentDiv{
            width: 100%;
            display: grid; 
            grid-template-columns: 2.5fr 7.5fr;
            top: 1px;
            height:85px;
            background-color: rgba(233,236,235);
            visibility: visible;
            z-index: 1000;
            border-color: rgb(103, 108, 113);


        }

        .logoDiv {	
            margin-left: 1px; /*5vw;*/
            width: 12%; /*20%;*/
            height: auto; /*93px*/
            justify-content:center;
			background-color:transparent;
			z-index: 1002;
        }
        .logoImg {
            margin-top: 1.3vw;
            width: 200px;
			background-color:transparent;
			z-index: 1003;
        }
        .navTop {
            margin-left: 1px;
            margin-top: 30px;
            list-style: none;
            display: grid;
            grid-template-columns: 0.7fr 1.3fr 1.2fr 2.0fr 1.2fr 1.2fr ;
            justify-content:space-between;         
            gap: 10px;                
            height: 17px; /*250px;        */
            text-decoration: none; 
            z-index: 1001;
        }
        .nav {
            margin-right: 400px;
            font-family: 'Museo_Sans_100'; 
            color: rgb(103, 108, 113);
            font-size: 0.88rem;/*1.4rem; /* Fallback */
            font-size: clamp (0.88rem,0.88rem,0.88rem); /*(1.4rem, 2vw, 2.0rem);*/
            white-space: nowrap;
            z-index: 1004;
        }
        nav a {                
            color: rgb(103, 108, 113);
            text-decoration: none; 
            height: 7px;
            margin-top: 0.5vw;
            margin-right: 6px;
            justify-content: center;
			white-space: nowrap;
            z-index: 1005;
            
        }
        nav a:hover {                
            color: rgba(118,175,161,1.00);
            border:none;
        }
        a:active {                
            border: 2px #5a6b6a;
            border-radius: 2px;
        }
    .navTop2 {
        z-index: 1006;
        margin-left: 1px;
        list-style: none;
        display: grid;
        
        justify-content:space-between;         
        gap: 10px;                
        height: 17px; /*250px;        */
        text-decoration: none; 
        visibility: hidden;
    }
    .nav3 {
        margin-top: -35px;
        display: grid;
        grid-template-columns: 0.7fr 0.7fr 0.9fr 1.0fr 0.7fr 0.9fr;
        width: 100%;
        justify-content:start;
        gap: 5px;         
        border: rgba(233,236,235);
        z-index: 1007;
        font-family: 'Museo_Sans_100'; 
        color: rgb(103, 108, 113);
        font-size: 1.6rem; 
        font-size: clamp (1.6rem,1.6rem,1.6rem);
    }


        .frame
        {
            margin-top: -400vw;
            margin-left: 1px;
            margin-right: 1px;
            width:100%;
            height: 82.0vh;
            overflow-x:scroll;
            overflow-y:auto;
            border: 1px  #ffffff;
            /*background-color:transparent; rgb(255, 255, 255);*/       
            z-index: 1010;
        }

        .artistCaption {
            display:block;
            align-content: center;
            margin-top: 3px; /* Adds spacing between the image and block*/
            font-family: "Museo_Sans_100", opentype;
            font-size: '1.2rem'; 
            color: rgb(103, 108, 113);

        }
        hr {
            visibility: hidden;            
        }

        h2 {
            font-family: "Museo_Sans_100", opentype;
            color: rgb(103, 108, 113);
        }    
        
        p {
            font-family: 'Museo_Sans_100'; 
        color: rgb(103, 108, 113);
        font-size: 2rem; 
        font-size: clamp (2rem,2rem,2rem);
        }


        @media (max-width: 414px) {
            .navTop2 {
                margin-left: 33vw; 
            }

           .parentdiv {
                height: 16vw;
            }
            iframe {
                margin-top: 100px;
                margin-left: 1px;
                margin-right: 1px;
                width:98%;
                height: 98vh;
                border: 31pxrgb(164, 31, 31)f;
            }
        }

    /* Phone vertical */
    ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    /* Container for logo + menu */
    /* Logo styling 
    .phoneTopMenuPh img.logo {
        max-width: 80%;
        height: auto;
        margin-bottom: 10px;
    }*/

    /* Vertical menu links */
    .phoneTopMenuPh {
        display: flex;
        flex-direction: column;
        justify-content: centre;
        margin-top: 3px;
        padding-top: 4px;
        padding-bottom: 4px;
        background-color: rgb(237, 239, 239);
		/*border-top: 1px solid #333;*/
        transition: background 0.3s;
        visibility: visible;
    }

    /* Hover effect */
    .phoneTopMenuPh a:hover {
        background-color: #afb6b6;
    }

    /* Active link style */
    .phoneTopMenuPh a.active {
        background-color: #9DAFAD;
    }

    .iframe-link2{
        display:block;
        text-align: center;
        text-decoration: none;
        font-family: 'Museo_Sans_100'; 
        color: rgb(88, 89, 89);
        font-size: 1.3rem; 
        font-size: clamp (1.3rem,1.3rem,1.3rem);
    }

    /*.navph{
        display: block;
        visibility: visible;        
    }

    .navph a {
        display: block;
        width: 100%;
        justify-content: center;
        text-decoration: none;
        color: rgb(196, 200, 200);
        visibility: visible;        
    }*/

    .logoDivVert{
        float: left;
        width: 100%;
        list-style: none;
        display: grid; 
        grid-template-columns: 0.65fr 3.5fr;
        visibility: visible;
    }

    .logoImgVert{
        width: 250px;
        height: auto;
        float: left;
        visibility: visible;
    }

    .menuBtnHidePh{
        margin-left: 3px;
        width: 85px;
        height: auto;
        float: right;
        visibility: hidden;
    }

    .menuBtnShow{
        margin-right: 3px;
        width: 100px;
        height: auto;
        float: right;
        visibility: hidden;
    }

    .menu{
        visibility: hidden;
    }

    .hrPh{
        margin-top: 5px;
        margin-bottom: 5px;
        width: 100%;
        height: 2px;
        color: rgb(142, 149, 148);
    }

    .framePh
    {
        margin-top: 1px;
        margin-left: 1px;
        margin-right: 1px;
        justify-content: center;
        width:100%;
        height: 82.0vh;
        overflow-x:scroll;
        overflow-y:auto;
        border: 1px  #525c5d;
        background-color: rgb(255, 255, 255);
        /*background-color:transparent; rgb(255, 255, 255);  
        z-index: 1010;*/     
    }

		/*@media (max-width: 580px) {
        .navTop {
            margin-left: -21vw; 
            margin-top: 3.6vw;
            list-style: none;
            display: grid;
            grid-template-columns: 1.11fr 1.11fr 1.11fr 1.11fr	1.11fr 1.11fr 1.11fr 1.11fr 1.11fr;
            justify-content:left;         
            gap: 5px;                
            height: 250px;        
            text-decoration: none;         
        }
        .parentDiv{
            display:grid; 
            grid-template-columns: 2fr 8fr;
            height: 175px;
            margin-bottom: 1px;
            background-color: rgba(233,236,235);
            z-index: 1000;
        }
			.nav {
            font-family: Museo_Sans_100;
            color: rgb(103, 108, 113);
            font-size: 1.25rem; 
            font-size: clamp(1.25rem, 2vw, 2.0rem);
            white-space: nowrap;
			margin-left: 2vw;
        }
        nav a {                
            color: rgb(103, 108, 113);
            text-decoration: none; 
            height: 7px;
            margin-top: 0.5vw;
            display: flex;
            justify-content:flex-start;
			white-space: nowrap;
            
        }
        nav a:hover {                
            color: rgba(118,175,161,1.00);
            border:none;
        }*/