body{
                margin:0;
                background-image:url("../images/backgroundblue.jpg");
                background-size: contain;
                

            }
            .entirescreen{
                width:99%;
                height:890px;
                border: 0px solid #000;
                margin: 0 0 0 .5%;
             }

             .topheader{
                width:99%;
                height:80px;
                border:0px solid #000;
                margin: 0 0 0 .5%;
                
                
                
            }

             .topheader .topblankone{
                width: 30%;
                height: 69px;
                border: 0px solid #DB3DDB;
                margin: 2px 0 0 10px;
                float: left; 
            }

            .topheader .topblanktwo{
                width: 30%;
                height: 69px;
                border: 0px solid #DB3DDB;
                margin: 2px 0 0 10px;
                float: left; 
            }

            .topheader .symbols{
                width: 200px;
                height: 69px;
                border: 0px solid #DB3DDB;
                margin: 2px 0 0 5px;
                float: right; 
            }

            .access{
                width: 50px;
                height: 35px;
                border: 0px solid #3FDFE0;
                margin: 5px 0 0 9px;
                float: left;
            }
             .access  img{
                object-fit: fill;
                width: 100%;
                height: 100%;
             }

            .book{
                width: 50px;
                height: 35px;
                border: 0px solid #3FDFE0;
                margin: 5px 0 0 9px;
                float: left;
            }
             .book  img{
                object-fit: fill;
                width: 100%;
                height: 100%;
             }

            .press{
                width: 50px;
                height: 35px;
                border: 0px solid #3FDFE0;
                margin: 5px 0 0 9px;
                float: left;
            }
             .press  img{
                object-fit: fill;
                width: 100%;
                height: 100%;
             }
            /* #menyAVpaa{
                display: none;
             }
             #burger{
                position:absolute;
                cursor: pointer;
                width: 2rem;
                height: 2rem;
                margin: 85px 25px 0 0;
                display: flex;
                justify-content: space-between;
                flex-direction: column;
                display: none;
             }
            #burger > div {
                height: 2px;
                background-color:#3C77AF;
                transition: 0.5s;
                z-index: 999;
            }
            #meny {
                background: #3C77AF;
                width: 100vw;
                height: 100vh;
                position: fixed;
                right: 0;
                top:0;
                z-index: 100;
                transform: translateX(100vw);
                transition: transform 2.2s cubic-bezier(0.77, 0.2, 0.05, 1.0);
                visibility:hidden;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center; 
                gap: 2rem;
            }
            #meny a{
                text-decoration: none;
            }
            #meny li{
                font-size:48pt;
                color:#fff;
                list-style: none;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                font-weight: 400;
                text-align: center;

            }
            #menyAvPaa:checked ~ #meny {
                transform:translateX(0rem);
                visibility: visible;
                transition: transform 1.0s cubic-bezier(0.77, 0.2, 0.05, 1.0);
            }
            #menyAvPaa:checked ~ #burger > div{
                background-color: #3C77AF;
            }
            #menyAvPaa:checked ~ #burger > div:nth-child(1){
                transform: translateY(15px) rotate(45deg);
            }
            #menyAvPaa:checked ~ #burger > div:nth-child(2){
                opacity: 0;
            }
             #menyAvPaa:checked ~ #burger > div:nth-child(3){
                transform: translateY(15px) rotate(45deg);
            }*/
        

            .headertwo{
                width:99%;
                height: 65px;
                border: 1px solid #C2AB83;
                margin: 10px 0 0 .5%;
                background-color: #C2AB83;
                
            }

            .info{
                 width:55%;
                height: 50px;
                border: 0px solid #DB3DDB;
                margin: 1% 0 0 18%;
                
            }
             .info ul li{
                color: #fff;
                font-size: 16px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: center;
                display: inline;
                padding: 0;
                list-style:none;
                text-decoration: none;
                margin: 0 0 0 6.5%;
            }

             .picture{
                width:99%;
                height: 370px;
                border: 0px solid #000;
                margin: 10px 0 0 .5%;
                background-image: url("../images/wavepeople.jpg");
            }

            .blanktree {
                 width: 25%;
                height: 299px;
                border: 0px solid #DB3DDB;
                margin: 2px 0 0 10px;
                float: left; 
            }

            .name {
                 width: 45%;
                height: 299px;
                border: 0px solid #DB3DDB;
                margin: 0px 0 0 15px;
                float: left; 
            }

            .sum {
                width: 80%;
                height: 250px;
                border: 0px solid #3FDFE0;
                margin: 20px 0 0 60px;
                float: left;
            }
            .sum p{
                 color: #fff;
                font-size: 20px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: center;
                margin:0;
            }
            .sum .mida{
                width: 87%;
                height: 80px;
                border: 0px solid #DB3DDB;
                margin: 27px 0 0 8%;
                float: left;
            }
            .sum .mida p{
                color: #fff;
                font-size: 52px;
                font-family: "p22-arts-and-crafts", sans-serif;
                font-weight: 400;
                font-style: normal;
                /*font-family:Arial, Helvetica, sans-serif;*/
                text-align: center;
                margin:0;
            }
            .sum .museum{
                width: 50%;
                height: 50px;
                border: 0px solid #DB3DDB;
                margin: 40px 0 0 25%;
                float: left;
            }

             .hours {
                 width: 27%;
                height: 299px;
                border: 0px solid #DB3DDB;
                margin: 2px 0 0 10px;
                float: left; 
            }

             .time {
                width: 250px;
                height: 80px;
                border: 0px solid #DB3DDB;
                margin: 5px 2px 0 5px;
                float: right;
                background-color:#3C77AF;
            }
            .words{
                width: 239px;
                height: 70px;
                border: 0px solid #3FDFE0;
                margin: 2px 0 0 3px;
                float: left;
            }
             .words p{
                 color: #fff;
                font-size: 14px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align:left;
                margin:0;
            }
            .bottom{
                width:99%;
                height: 330px;
                border: 0px solid #000;
                margin: 10px 0 0 .5%;
                
            }

            .left {
                 width: 43%;
                height: 320px;
                border: 0px solid #DB3DDB;
                margin: 2px 0 0 65px;
                float: left; 
            }
             .event {
                 width: 68%;
                height: 40px;
                border: 0px solid #DB3DDB;
                margin: 2px 2px 0 30px;
                float: left;
                background-color:#fff;
            }
             .arrow{
                width: 8%;
                height: 80%;
                border: 0px solid #3FDFE0;
                margin: 0 2px 0 15%;
                float: right;
            }
            .event p{
                color:#3C77AF;
                font-size: 20px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align:left;
                margin:0;
            }
             .evepic {
                 width: 75%;
                height: 250px;
                border: 0px solid #DB3DDB;
                margin: 20px 2px 0 30px;
                float: left;
            }
             .evepic  img{
                object-fit: fill;
                width: 100%;
                height: 100%;
             }
             .right {
                 width: 40%;
                height: 320px;
                border: 0px solid #DB3DDB;
                margin: 2px 0 0 10%;
                float: left; 
            }
            .special {
                 width: 77%;
                height: 40px;
                border: 0px solid #DB3DDB;
                margin: 2px 2px 0 98px;
                float: left;
                background-color:#fff;
            }
            .special .arrow{
                 width: 8%;
                height: 80%;
                border: 0px solid #3FDFE0;
                margin: 0 2px 0 15%;
                float: right;
            }
             .special p{
                color:#3C77AF;
                font-size: 20px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align:left;
                margin:0;
            }
             .specpic {
                 width: 75%;
                height: 250px;
                border: 0px solid #DB3DDB;
                margin: 20px 2px 0 98px;
                float: left;
            }
            .specpic img{
                object-fit: fill;
                width: 100%;
                height: 100%;
            }

            /*EXHIBITION DIVS*/

            .headerexhib{
                width:99%;
                height: 65px;
                border: 1px solid #C2AB83;
                margin: 10px 0 0 .5%;
                background-color: #C2AB83;
                
            }

            .infoexhib{
                width:53%;
                height: 50px;
                border: 0px solid #DB3DDB;
                margin: 1px 0 0 21%;
                
            }
             .infoexhib ul li{
                color: #fff;
                font-size: 16px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: center;
                display: inline;
                padding: 0;
                list-style:none;
                text-decoration: none;
                margin: 0 0 0 5.5%;
            }

            .events{
                width:99%;
                height: 535px;
                border: 0px solid #000;
                margin: 6% 0 0 .5%;
                
            }
            /*.bottompic{
                width:99%;
                height: 210px;
                border: 0px solid #000;
                margin: 0px 0 0 .5%;
                background-image: url("../images/bankview3.jpg");
            }*/
             .bottompic  img{
                object-fit: fill;
                width: 100%;
                height: 100%;
             }
            .firstpicture {
                width: 25%;
                height: 580px;
                border: 0px solid #DB3DDB;
                margin: 10px 0 0 8.5%;
                float: left; 
            }
             .firstpicture img{
                object-fit: fill;
                width: 100%;
                height: 100%;
            }
            .title{
                width: 75%;
                height: 40px;
                border: 0px solid #3FDFE0;
                margin: 2px 2px 0 12%;
                float: left;
            }
             .title p{
                color:#3C77AF;
                font-size: 20px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align:left;
                margin:0;
            }

            .picone{
                width:80%;
                height:280px;
                border: 0px solid #3FDFE0;
                margin: 5% 0 0 10%;
                float: left;
            }
             .onebottom{
                width: 80%;
                height: 200px;
                border: 0px solid #DB3DDB;
                margin: 2px 0 0 10%;
                float: left; 
            }
             .onebottom .firstbody{
                width:90%;
                height:99px;
                border: 0px solid #3FDFE0;
                margin: 30px 0 0 5%;
                float: left;
                background-color:#fff;
            }
            .secondpicture{
                 width: 25%;
                height: 580px;
                border: 0px solid #DB3DDB;
                margin: 10px 0 0 4%;
                float: left; 
            }
            .secondpicture img{
                object-fit: fill;
                width: 100%;
                height: 100%;
            }
            .secondpicture .title{
                width: 85%;
                height: 40px;
                border: 0px solid #3FDFE0;
                margin: 2px 2px 0 7%;
                float: left;
            }
            .pictwo{
                width:80%;
                height:280px;
                border: 0px solid #3FDFE0;
                margin: 5% 0 0 10%;
                float: left;
            }
             .twobottom{
                width: 80%;
                height: 200px;
                border: 0px solid #DB3DDB;
                margin: 2px 0 0 10%;
                float: left; 
            }
            .twobottom .secondbody{
                width:90%;
                height: 60%;
                border: 0px solid #3FDFE0;
                margin: 30px 0 0 5%;
                float: left;
                background-color:#fff;
            }
            .thirdpicture{
                 width: 25%;
                height: 580px;
                border: 0px solid #DB3DDB;
                margin: 10px 0 0 4%;
                float: left; 
            }
            .thirdpicture img{
                object-fit: fill;
                width: 100%;
                height: 100%;
            }
            .thirdpicture .title{
                width: 80%;
                height: 40px;
                border: 0px solid #3FDFE0;
                margin: 2px 2px 0 10%;
                float: left;
            }
            .picthree{
                width:80%;
                height:280px;
                border: 0px solid #3FDFE0;
                margin: 5% 0 0 10%;
                float: left;
            }
           .thirdbottom{
                width: 80%;
                height: 200px;
                border: 0px solid #DB3DDB;
                margin: 2px 0 0 10%;
                float: left; 
            }
            .thirdbottom .thirdbody{
                width:90%;
                height:99px;
                border: 0px solid #3FDFE0;
                margin: 30px 0 0 5%;
                float: left;
                background-color:#fff;
            } 
             .firstbody p{
                color: #3C77AF;
                font-size: 15px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                margin:0;
            }
             .secondbody p{
                color: #3C77AF;
                font-size: 15px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                margin:0;
            }
             .thirdbody p{
                color: #3C77AF;
                font-size: 15px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                margin:0;
            }
            
           /*END EXHIBITON DIVS*/

            /*ABOUT US DIVS*/

            .entirescreenthird{
                width:99%;
                height:890px;
                border: 0px solid #000;
                margin: 0 0 0 .5%;
                 background-image: url("../images/backgroundabout.jpg");
                 background-size: cover;
            }
            .body{
                width:99%;
                height: 80%;
                border: 0px solid #000;
                margin: 10px 0 0 .5%;    
            }
             .museum {
                 width: 60%;
                height: 80%;
                border: 0px solid #DB3DDB;
                margin: 5% 0 0 1%;
                float: left; 
            }
            .museumpic{
                width: 80%;
                height: 80%;
                border: 0px solid #3FDFE0;
                margin: 20px 0 0 10%;
                float: left;
            }
             .museumpic img{
                object-fit: fill;
                width: 100%;
                height: 100%;
            }
              .information {
                 width: 35%;
                height: 80%;
                border: 0px solid #DB3DDB;
                margin: 5% 0 0 1%;
                float: left; 
            }
            .onetitle{
                width: 85%;
                height: 20%;
                border: 0px solid #3FDFE0;
                margin: 20px 0 0 7%;
                float: left;
            }
            .onetitle p{
                color: #3C77AF;
                font-size: 20px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                margin:0;
            }
            .firstparagraph{
                width: 85%;
                height: 20%;
                border: 0px solid #3FDFE0;
                margin: 5% 0 0 7%;
                float: left;
            }
             .firstparagraph p{
                color: #3C77AF;
                font-size: 16px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                margin:0;
            }
            .secondparagraph{
                width: 85%;
                height: 35%;
                border: 0px solid #3FDFE0;
                margin: 5% 0 0 7%;
                float: left;
            }
             .secondparagraph p{
                color: #3C77AF;
                font-size: 16px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                margin:0;
            }
            /*END ABOUT US DIVS*/

            /*SUMIDA DIVS*/

            .entirescreenfourth{
                width:99%;
                height:890px;
                border: 0px solid #000;
                margin: 0 0 0 .5%;
                 background-image: url("../images/darkbackground.jpg");
            }
            .famous{
                width:99%;
                height: 715px;
                border: 0px solid #000;
                margin: 10px 0 0 .5%;  
                background-image: url("../images/bluewave1.jpg") ;
                background-size: cover;
                background-repeat: no-repeat;
                
            }
            .background{
                width: 60%;
                height: 80%;
                border: 0px solid #DB3DDB;
                margin: 5% 0 0 1%;
                float: left; 
                background-color: #3C77AF;
                
            }
            .description{
                width: 80%;
                height: 75%;
                border: 5px solid #fff;
                margin: 8% 0 0 10%;
                float: left;
            }
            .description p{
                color: #fff;
                font-size: 52px;
                font-family: "p22-arts-and-crafts", sans-serif;
                font-weight: 400;
                font-style: normal;
                text-align: center;
                margin: 12% 0 0 0;
            }
            .sumida{
                 width: 35%;
                height: 80%;
                border: 0px solid #DB3DDB;
                margin: 5% 0 0 1%;
                float: left; 
            }
            .sumidapic{
                width: 85%;
                height: 90%;
                border: 0px solid #3FDFE0;
                margin: 20px 0 0 7%;
                float: left;
            }
              .sumidapic img{
                object-fit: fill;
                width: 100%;
                height: 100%;
            }

             @media only screen and (max-width:1500px){
          
            .topheader{
                width:99%;
                margin: 0 0 0 .5%;
                 }

            .topheader .topblankone{
                width: 30%;
                margin: 2px 0 0 10px;
                
                 }
            .topheader .topblanktwo{
                width: 30%;
                 margin: 2px 0 0 10px;
                
            }
            .topheader .symbols{
                width: 20%;
                margin: 2px 0 0 10px;
                
            }
                   
            
             .access{
                width: 18%;
                /*height: 35%;*/
                margin: 5px 0 0 23%;
               
            }

            .book{
                width: 18%;
                margin: 5px 0 0 5%;
                
            }

            .press{
                width: 18%;
                margin: 5px 0 0 5%;
                
            }
            .headertwo{
                width:99%;
                 margin: 10px 0 0 .5%;
                
            }
             .info{
                 width:87%;
                margin: 1px 0 0 3%;
                
            }
            .picture{
                width:99%;
                margin: 10px 0 0 .5%;
                
            }
            .blanktree {
                 width: 22%;
                 margin: 2px 0 0 10px;
                
            }
            .name {
                 width: 51%;
                margin: 2px 0 0 10px;
               
            }
            .sum {
                width: 85%;
                margin: 6% 0 0 38px;
                
            }
             .sum .mida p{
                margin:0;
                font-size: 3.9vw;
                line-height: 140%;
            }
             .sum .museum{
                width: 50%;
                height: 50px;
                margin: 5% 0 0 25%;
               
            }
            .hours {
                 width: 23%;
                margin: 2px 0 0 10px;
                 
            }
            .time {
                width: 82%;
                margin: 5px 2px 0 5px;
                
            }
            .words{
                width: 87%;
                margin: 2px 0 0 12px;
               
            }
            .bottom{
                width:99%;
                margin: 10px 0 0 .5%;
                
            }
            .left {
                 width: 42%;
                margin: 2px 0 0 65px;
                
            }
             .event {
                 width: 70%;
                margin: 2px 2px 0 30px;
                
            }
             .event p{
                margin: 0;
                font-size: 1.5vw;
                line-height: 140%;
            }
             .evepic {
                 width: 63%;
                margin: 20px 2px 0 30px;
                
            }
             .right {
                 width: 40%;
                margin: 2px 0 0 80px;
                margin: 2px 0 0 10%;
              
            }
            .special {
                 width: 70%;
                margin: 2px 2px 0 90px;
                
            }
             .special p{
                margin:0;
                font-size: 1.5vw;
                line-height: 140%;
            }
             .specpic {
                 width: 63%;
                margin: 20px 2px 0 90px;
               
            }

            /*EXHIBITION*/

             .headerexhib{
                width:99%;
                height: 65px;
                margin: 10px 0 0 .5%;
            }

            .infoexhib{
                width:80%;
                height: 50px;
                margin: 1px 0 0 8%;
                
            }
             .infoexhib ul li{
                color: #fff;
                font-size: 16px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: center;
                display: inline;
                padding: 0;
                list-style:none;
                text-decoration: none;
                margin: 0 0 0 5.5%;
            }

            .events{
                width:99%;
                height: 535px;
                margin: 6% 0 0 .5%;
                
            }
             .bottompic  img{
                object-fit: fill;
                width: 100%;
                height: 100%;
             }
            .firstpicture {
                width: 28%;
                height: 580px;
                margin: 10px 0 0 2%; 
            }
             .firstpicture img{
                object-fit: fill;
                width: 100%;
                height: 100%;
            }
            .title{
                width: 75%;
                height: 40px;
                margin: 2px 2px 0 12%;
            }
             .title p{
                color:#3C77AF;
                font-size: 20px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align:center;
                margin:0;
            }

            .picone{
                width:80%;
                height:280px;
                margin: 5% 0 0 10%;
            }
             .onebottom{
                width: 80%;
                height: 200px;
                margin: 2px 0 0 10%;
            }
             .onebottom .firstbody{
                width:90%;
                height:99px;
                margin: 30px 0 0 5%;     
            }
            .secondpicture{
                width: 28%;
                height: 580px;
                margin: 10px 0 0 5%;
            }
            .secondpicture img{
                object-fit: fill;
                width: 100%;
                height: 100%;
            }
            .secondpicture .title{
                width: 85%;
                height: 40px;
                margin: 2px 2px 0 7%;
            }
            .pictwo{
                width:80%;
                height:280px;
                margin: 5% 0 0 10%;
                
            }
             .twobottom{
                width: 80%;
                height: 200px;
                margin: 2px 0 0 10%;
            }
            .twobottom .secondbody{
                width:90%;
                height: 60%;
                margin: 30px 0 0 5%;
             }
            .thirdpicture{
                width: 28%;
                height: 580px;
                margin: 10px 0 0 5%;
                
            }
            .thirdpicture img{
                object-fit: fill;
                width: 100%;
                height: 100%;
            }
            .thirdpicture .title{
                width: 70%;
                height: 40px;
                margin: 2px 2px 0 14%;
               
            }
            .picthree{
                width:80%;
                height:280px;
                margin: 5% 0 0 10%;
                
            }
           .thirdbottom{
                width: 80%;
                height: 200px;
                margin: 2px 0 0 10%;
            }
            .thirdbottom .thirdbody{
                width:90%;
                height:99px;
                margin: 30px 0 0 5%;
            } 
             .firstbody p{
                color: #3C77AF;
                font-size: 15px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                margin:0;
            }
             .secondbody p{
                color: #3C77AF;
                font-size: 15px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                margin:0;
            }
             .thirdbody p{
                color: #3C77AF;
                font-size: 15px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                margin:0;
            }

            /*ABOUT US*/

            .headertwo{
                width:99%;
                 margin: 10px 0 0 .5%;
            }
             .info{
                 width:80%;
                margin: 1px 0 0 8%;
            }
             .info ul li{
                color: #fff;
                font-size: 16px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: center;
                display: inline;
                padding: 0;
                list-style:none;
                text-decoration: none;
                margin: 0 0 0 5.5%;
            }

            /*SUMIDA */
             .headertwo{
                width:99%;
                 margin: 10px 0 0 .5%;
            }
             .info{
                 width:80%;
                margin: 1px 0 0 8%;
            }
             .info ul li{
                color: #fff;
                font-size: 16px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: center;
                display: inline;
                padding: 0;
                list-style:none;
                text-decoration: none;
                margin: 0 0 0 5.5%;
            }
            }
           
            @media only screen and (max-width:1100px){
                 /* div{
                    background-color:cadetblue;
                }*/

            .topheader{
                width:99%;
                margin: 0 0 0 .5%;
                
            }

            .topheader .topblankone{
                width: 25%;
                margin: 2px 0 0 10px;
                
            }
               .topheader .topblanktwo{
                width: 25%;
                 margin: 2px 0 0 10px;
            }
            .topheader .symbols{
                width: 20%;
                margin: 2px 0 0 10px;
             }
             .access{
                width: 21%;
                height:40%;
                margin: 5px 0 0 18%;
            }
            .book{
                width: 21%;
                height:40%;
                margin: 5px 0 0 .5%;
            }
            .press{
                width: 21%;
                height: 40%;
                margin: 5px 0 0 .5%;
                
            }
            .headertwo{
                width:99%;
                margin: 10px 0 0 .5%;
                
            } 
             .info{
                width:99%;
               margin: 1px 0 0 0;
                
            }
             .info ul li{
               margin:left;
                font-size: 1.99vw;
                line-height: 140%;
                margin: 1% 0 0 0;
                word-spacing:2em;
             }
             .picture{
                width:99%;
                height: 40vh;
                margin: 10px 0 0 .5%;
                
            }
            .blanktree {
                width: 2%;
                margin: 2px 0 0 10px;
                height: 15vh;
                
            }
            .name {
                width: 80%;
                height: 27vh;
                margin: 2px 0 0 6%;
               
            }
            .sum {
                width: 90%;
                height: 3vh;
                margin: 13% 0 0 5%;
                
            }
            .sum .mida{
                width: 99%;
                height: 80px;
                margin: 6% 0 0 3%;
                
            }
             .sum .mida p{
                margin:0;
                font-size: 7.35vw;
               line-height: 140%;
                
            }
            .sum .museum{
                width: 50%;
                height: 4vh;
                margin: 0.5% 0 0 25%;
                
            }
             .hours {
                width: 50%;
                height: 9vh;
                margin: 2px 0 0 2%;
            }
            .time {
                width: 95%;
                height: 7vh;
                margin: 5px 2px 0 0;    
            }
            .words{
                width: 90%;
                height: 6vh;
                margin: 2px 0 0 4px;
               
            }
             .words p{
                margin: 0;
                font-size: 2.5vw;
                line-height:140% ;
            }
            .bottom{
                width:99%;
                margin: 10px 0 0 .5%;
                
            }
             .left {
                width: 75%;
                margin: 2px 0 0 15%;
                
            }
             .event {
                width: 88%;
                margin: 5% 2px 0 3%;
                
            }
              .event p{
                margin: 0;
                font-size: 3.6vw;
                line-height: 140%;
            }
             .evepic {
                 width: 85%;
                margin: 20px 2px 0 3%;
                
            }
             .right {
                 width: 75%;
                margin: 5% 0 0 15%;
              
            }
            .special {
                 width: 87%;
                 height: 6vh;
                margin: 5% 2px 0 3%;
                
            }
            .special p{
                margin:0;
                font-size: 3.6vw;
                line-height: 140%;
            }
             .specpic {
                 width: 85%;
                margin: 20px 2px 0 3%;
               
            }

            /*EXHIBITION*/

            
              .headerexhib{
                width:99%;
                height: 65px;
                margin: 10px 0 0 .5%;
            }
            .infoexhib{
                width:99%;
                height: 7vh;
                margin: 1px 0 0 2%;
            }
             .infoexhib ul li{
                color: #fff;
                font-size: 1.9vw;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                display: inline;
                padding: 0;
                list-style:none;
                text-decoration: none;
                margin: 0 0 0 5.5%;
            }
            .events{
                width:99%;
                height: 99vh;
                margin: 10px 0 0 .5%;
            }
            .firstpicture {
                width: 70%;
                height: 50vh;
                margin: 10px 0 0 16%;
            }
            .title{
                width: 80%;
                height: 3vh;
                margin: 2px 2px 0 9%;
            }
             .title p{
                color:#3C77AF;
                font-size: 16px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align:left;
                margin:0;
            }

            .picone{
                width:80%;
                height:280px;
                margin: 2% 0 0 9%;
                
            }
             .secondpicture{
                 width: 70%;
                height: 50vh;
                margin: 10px 0 0 16%;
            }
            .secondpicture img{
                object-fit: fill;
                width: 100%;
                height: 100%;
            }
            .secondpicture .title{
                width: 80%;
                height: 40px;
                margin: 2px 2px 0 9%;
            
            }
            .pictwo{
                width:80%;
                height:280px;
                margin: 2% 0 0 9%;
                
            }
             .thirdpicture{
                width: 70%;
                height: 50vh;
                margin: 10px 0 0 16%;
                
            }
            .thirdpicture img{
                object-fit: fill;
                width: 100%;
                height: 100%;
            }
            .thirdpicture .title{
                width: 80%;
                height: 3vh;
                margin: 2px 2px 0 9%;
                
            }
            .picthree{
                width:80%;
                height:280px;
                margin: 2% 0 0 9%;
                
            }
            .onebottom{
                width: 89%;
                height: 12vh;
                margin: 2px 0 0 3%;
                 
            }
            .onebottom .firstbody{
                width:84%;
                height:7vh;
                margin: 12px 0 0 9%;
            }
            .firstbody p{
                color: #3C77AF;
                font-size: 12px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                margin:0;
            }
           
            .twobottom{
                width: 89%;
                height: 12vh;
                border: 2px solid #DB3DDB;
                margin: 2px 0 0 3%; 
            }
            .twobottom .secondbody{
                width:84%;
                height:7vh;
                margin: 12px 0 0 9%;   
            }
            .secondbody p{
                color: #3C77AF;
                font-size: 12px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                margin:0;
            }
            .thirdbottom{
                width: 89%;
                height: 12vh;
                margin: 12px 0 0 3%;
                
            }
            .thirdbottom .thirdbody{
                width:84%;
                height:7vh;
                margin: 12px 0 0 9%;                 
            } 
            .thirdbody p{
                color: #3C77AF;
                font-size: 12px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                margin:0;
            }
            

            /*ABOUT US*/ 
            /* .entirescreen{
                width:99%;
                height:120vh;
                margin: 0 0 0 .5%;
             }*/
              .entirescreenthird{
                width:99%;
                height:890px;
                border: 1px solid #000;
                margin: 0 0 0 .5%;
                 background-image: url("../images/babyblue\ background.jpg");
                 background-size: cover;
            }
              .body{
                width:99%;
                height: 80%;
                margin: 10px 0 0 .5%;    
            }
             .museum {
                width: 90%;
                height: 50%;
                margin: 5% 0 0 4%; 
            }
            .museumpic{
                width: 80%;
                height: 80%;
                margin: 20px 0 0 10%;
            }
             /*.museumpic img{
                object-fit: fill;
                width: 100%;
                height: 100%;
            }*/

              .information {
                 width: 90%;
                height: 75%;
                margin: 5% 0 0 4%;
            }
            .onetitle{
                width: 85%;
                height: 20%;
                margin: 20px 0 0 7%;
            }
            .onetitle p{
                color: #3C77AF;
                font-size: 20px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                margin:0;
            }
            .firstparagraph{
                width: 85%;
                height: 20%;
                margin: 5% 0 0 7%;
                
            }
             .firstparagraph p{
                color: #3C77AF;
                font-size: 16px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                margin:0;
            }
            .secondparagraph{
                width: 85%;
                height: 35%;
                margin: 5% 0 0 7%;
                
            }
             .secondparagraph p{
                color: #3C77AF;
                font-size: 16px;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                text-align: left;
                margin:0;
            }

            /*SUMIDA*/

             .entirescreenfourth{
                width:99%;
                height:890px;
                border: 1px solid #000;
                margin: 0 0 0 .5%;
                 background-image: url("../images/darkblue.jpg");
            }
            .famous{
                width:99%;
                height: 715px;
                border: 1px solid #000;
                margin: 10px 0 0 .5%;  
                background-image: url("../images/bluewave.jpg") ;
                
            }
            .famous img{
                object-fit: fill;
                width: 100%;
                height: 100%;
            }
            .background{
                width: 90%;
                height: 40%;
                border: 1px solid #DB3DDB;
                margin: 5% 0 0 5%;
                float: left; 
                background-color: #3C77AF;
            }
            .description{
                width: 80%;
                height: 75%;
                border: 2px solid #fff;
                margin: 8% 0 0 10%;
                float: left;
            }
            .description p{
                color: #fff;
                font-size: 30px;
                font-family: "p22-arts-and-crafts", sans-serif;
                font-weight: 400;
                font-style: normal;
                text-align: center;
                margin: 6% 0 0 0;
            }
            .sumida{
                 width: 60%;
                height: 55%;
                border: 1px solid #DB3DDB;
                margin: 1% 0 0 20%;
                float: left; 
            }
            .sumidapic{
                width: 85%;
                height: 90%;
                border: 1px solid #3FDFE0;
                margin: 20px 0 0 7%;
                float: left;
            }
              .sumidapic img{
                object-fit: fill;
                width: 100%;
                height: 100%;
            }

            }

            /* @media only screen and (max-width:1400px){
             .info{
                width:99%;
               margin: 1px 0 0 7%;
                
            }
             .info ul li{
               margin:left;
                font-size: 1.5vw;
                line-height: 140%;
                margin: 1% 0 0 3%;
                word-spacing:2em;
            }
               .blanktree {
                 width: 22%;
                 margin: 2px 0 0 10px;
                
            }
            .name {
                 width: 51%;
                margin: 2px 0 0 10px;
               
            }
            .sum {
                width: 85%;
                margin: 6% 0 0 38px;
                
            }
             .sum .mida p{
                margin:0;
                font-size: 3.9vw;
                line-height: 140%;
            }
             .sum .museum{
                width: 50%;
                height: 50px;
                margin: 5% 0 0 25%;
               
            }
            .hours {
                 width: 23%;
                margin: 2px 0 0 10px;
                 
            }
            .time {
                width: 82%;
                margin: 5px 2px 0 5px;
                
            }
            .words{
                width: 87%;
                margin: 2px 0 0 12px;
               
            }
            .words p{
                margin: 0;
                font-size: 1.2vw;
                line-height:140% ;
            }
              .left {
                 width: 42%;
                margin: 2px 0 0 65px;
                
            }
             .event {
                 width: 70%;
                margin: 2px 2px 0 30px;
                
            }
             .event p{
                margin: 0;
                font-size: 1.5vw;
                line-height: 140%;
            }
             .evepic {
                 width: 63%;
                margin: 20px 2px 0 30px;
                
            }
             .right {
                 width: 40%;
                margin: 2px 0 0 80px;
                margin: 2px 0 0 10%;
              
            }
            .special {
                 width: 70%;
                margin: 2px 2px 0 90px;
                
            }
             .special p{
                margin:0;
                font-size: 1.5vw;
                line-height: 140%;
            }
             .specpic {
                 width: 63%;
                margin: 20px 2px 0 90px;
               
            }

             }*/