/**** FONTS ****/
    
  @font-face {
  font-family: 'Open Sans';
  src: local('Open Sans'), url('/web/20210710125008im_/https://rumisonko.com/fonts/Open_Sans/OpenSans-Light.ttf') format('truetype');
    }
 
  @font-face {
  font-family: 'Catamaran';
  src: local('Catamaran'), url('/web/20210710125008im_/https://rumisonko.com/css/fonts/Economica/Catamaran-Light.ttf') format('truetype');
    }


/* STYLES FOR THIS PAGE *** */
            
        
            body {      
                background-color: #050505;
                color: #989898;
                font-size: 20px;
                font-weight: lighter;
                line-height: 1.5;
                font-family: 'Open Sans', sans-serif;
                padding: 0px;
                margin: 0px;
            }
            
            a {
                text-decoration: none;
                color:#bbb;
            }
            
            a:hover {
                text-decoration: underline;
            }
            
             h1 {
                font-family: 'Catamaran','Open Sans', sans-serif;
                font-size: 3em;
                text-align: center;
                font-weight:  lighter;
                letter-spacing: .3em;
                color: #aaa;
            }
            
            h2 {
              
                font-size: 1.5em;
                text-align: center; 
                font-weight:lighter;
            }
            
            p {
                width: 80%;
                display: block;
                margin: 30px auto;
                text-align: center;
                color: #888;
            }
            
            .container {
                width: 100%;
                max-width: 900px;
                margin: 0px auto;
                display: flex;   
            }
            
            .vertical-center {
                margin: auto;
                width: 100%;
            }
            

            #bio, #cd, #concert, #contact  {
            /* height: 100vh; */  
            padding: 10% 0;
            }
            
            #header {
            height: 100vh;
            }

            #concert-box {
                
            border-top: yellow solid 1px; 
            border-bottom: green solid 2px;  
            width: 60%;
            margin: 10% auto;
                
            }
            
    
            
            #tag {
                margin-top: -40px;
                font-family:'Open Sans';
                font-weight: lighter;
                opacity: .6;
            }
            
            #tag span {
                border-top:  red solid 1px;
            }
            
            img { 
                margin: 0 auto; 
                display: block;   
            }
            
            
            img#logo {   
                width: 60%;
                opacity: .8;
                margin-bottom: -40px;
            }
            
            img#rumis {
                
                border-top: yellow solid 1px;
                border-bottom: green solid 2px;
                margin: 0 auto;
                width: 80%;
            }
            
            img.arrow {
                margin-top: 10vh;
                width: 60px;
                opacity: .5;
                
            }
            
            img#cdimg {
                width: 60%;
                border-bottom: #999 solid 10px;
            }
            
            audio {
                margin: 0 auto;
                display: block;
            }
            
            #cd-track {
                font-size: 13px;
                margin-top: 0px;
            }
            
            
            
/* MEDIA QUERIES */
            
       @media (max-width: 375px) { 
            
            
           #header {
               height: 100vh   !important;
           }
            
            img#logo {   
            width: 85%;
            margin-bottom: -30px;
            }
            
            h1 {
            font-size: 1.8em;
            }
            
          #tag {
            margin-top: -25px;
            font-size: 1.2em;
            }
            
            img#rumis {
                width: 100%;
            }
            
            img#cdimg {
                   width: 85%; 
            }
            
            #concert-box {
                width: 85%;
            }
        
           #contact-box {
               
               margin: 20% auto;
           }
           
           
           } /* end max 360 */
            
            
        @media (max-width: 740px) {  /* was 480 */
            
            p {
               /* font-size: 16px; */
            }
            
            #bio, #cd, #concert, #contact  {
            height: 100%; 
            padding: 10% 0;
                
            }
            
            #header {
               height: 100%;
           }
            
            
            
            .container {
            /*    width: 100vw;
                height: 100vh; */
            }
            
        }  /* end max 678 */


/*
     FILE ARCHIVED ON 12:50:08 Jul 10, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:21:36 May 02, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 96.063
  exclusion.robots: 0.086
  exclusion.robots.policy: 0.079
  cdx.remote: 0.061
  esindex: 0.007
  LoadShardBlock: 48.373 (3)
  PetaboxLoader3.datanode: 95.69 (4)
  CDXLines.iter: 14.577 (3)
  load_resource: 159.156
  PetaboxLoader3.resolve: 104.719
*/