/* ==========================================================================
   Basic Structure and Typography
   ========================================================================== */
 
   body {
     background-color: rgb(35, 31, 32);
     
     margin:0px;
     padding:0px;
     overflow-x: hidden;
     
     
  }
  
 .bgimage{
  display:none
  }
  @media (min-width:322px){
  .bgimage{
  	position:absolute;
  	overflow:hidden;
 	z-index:-1;height:205%;width:205%;
  	top:-50%;left:-50%;
 	-webkit-transform:translateZ(0);transform:translateZ(0);
 	background-color:#231f20;
 	display:block;position:fixed
  }
  .bgimage:after{
      content:"";
      display:block;
      position:absolute;
      left:0;top:0;
      width:100%;height:100%
  }
  .bgimage img{
      position:absolute;
      top:0;right:0;
      bottom:0;
      left:50%;
      min-width:55%;
      min-height:55%;
      margin:auto;
      -webkit-transform:translate3d(-50%,0,0);
      transform:translate3d(-50%,0,0);
      max-width:none;-webkit-filter:blur(30px);
      filter:blur(30px);
      opacity:.9;
   }
   bgimage img{
   -webkit-filter:none;filter:none;opacity:1;
   }
   h1{
   font-family:Roboto,sans-serif;
   font-size:18px;
   font-weight:500;
   line-height:23px;
   margin:0;
   color:fff;
   margin-block-start: 20px;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    
    }
    
    .albumname{
    font-family:Roboto,sans-serif;
       font-size:14px;
       font-weight:400;
       line-height:21px;
       margin:0;
       color:fff;
       margin-block-start: 5px;
        margin-block-end: 20px;
        margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-top: 5px;
    }
  
  .bgmain {
       text-align: center;
       padding-top: 0px;
       margin-top: 0px;
       margin-left: auto;
       margin-right: auto;
       width: 300px;
       height: 100%; 
       padding-top: 0px;  
       font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;font-weight:300;
       
       line-height:21px;
       background-color: rgb(35, 31, 32);
       
      
       
     
  }
  .bgmain img{
       width:100%;
     
       
       
  }
  .linklist{
     background-color: rgb(255, 255, 255);
     text-align: left;
     padding-left: 10px;
     padding-top: 5px;
     padding-bottom: 5px;
     padding-right: 10px;
     border: 1px solid #eae7e7;
  }
  .linklist img{
      width: 70%;
     
  }
  
    .linklistRow{
       background-color: rgb(255, 255, 255);
       text-align: left;
       padding-left: 10px;
       padding-top: 5px;
       padding-bottom: 5px;
       padding-right: 10px;
       border: 1px solid #eae7e7;
       border-top: 1px solid #000000;
  }
  
  .linklistRow img{
        width: 70%;
       
  }



  
    .linklist button{
      
      font-size: 15px;
      line-height: 30px;
      padding: 4px 6px;
      border-radius: 4px;
      border: 1px solid #e1e1e1;
      background-color: #f6f6f6;
      color: #7f7f7f;
     
 }
 
     .linklistRow button{
       
       font-size: 15px;
       line-height: 30px;
       padding: 4px 6px;
       border-radius: 4px;
       border: 1px solid #e1e1e1;
       background-color: #f6f6f6;
       color: #7f7f7f;
       
 }
   .bgmainadd {
        text-align: center;
        padding-top: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        width: 400px;
        height: 100%; 
        padding-top: 0px;  
        font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;font-weight:300;
        
        line-height:21px;
 }
  .bgmainadd img{
        width:100%;
  }
 
 .link0{
 	height:10px;
  	background-color:transparent; 
 }
 .link1{
  	margin: auto;
	padding: 20px;
   	
   	
  }
  .linkgroup{
        letter-spacing: 2px;
   	color: #000000;
   	background-color:#ffffff; 
   	font-size: 13px;
   	 
   	 
  }
  .linkgroup a{
        color: #231f20;
        text-decoration: none;
         
        
  }
  .linkgroup a:visited {
        color: #231f20;
        text-decoration: none;
        
  }
  .linkgroup a:active {
          color: #231f20;
          text-decoration: none;
         
          
  }
  .linkgroup a:hover {
              color: #648a65;
  }  
  
    .linkgroup2{
        letter-spacing: 2px;
   	color: #000000;
   	background-color:#01a772; 
   	font-size: 13px;
   	 
   	 
  }
  .linkgroup2 a{
        color: #000000;
        text-decoration: none;
         
        
  }
  .linkgroup2 a:visited {
        color: #000000;
        text-decoration: none;
        
  }
  .linkgroup2 a:active {
          color: #fefeff;
          text-decoration: none;
         
          
  }
  .linkgroup2 a:hover {
              color: #fefeff;
  }  

  
          
  
 
 .title{
   background-color:#231f20; 
   padding-bottom:0px;
 }
 
 .osta_lp{
	 white-space:nowrap
 }
 
 
 
  
  @media all and (max-width: 1000px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

   .bgmain {
      width: 90%;
   }
   
   .bgmainadd {
           width: 90%;
    }
      .linkgroup{
            letter-spacing: 2px;
       
       	font-size: 13px;
	     	
       	 
  }
   }
      .linkgroup2{
            letter-spacing: 2px;
       
       	font-size: 13px;
	     	
       	 
  }
  
  
  
 
   
     
  
  
 
  }