html,body{background-color: #2b2b2b;}
          html,body{width:100%;height: auto;font-family: 'Manrope', sans-serif; /*font-family: 'Montserrat', sans-serif;*/ color:#fff;font-size: 18px;}
          body{position: relative; margin: 0; background-image: url(../i/landing-2023-luisa.jpg);background-repeat: no-repeat;/*background-size: cover;*/ background-position: top center;background-attachment: fixed;}
          section.content {position: relative; background-image: url(../i/deafmetal-pelkkakartta.png);background-repeat: no-repeat;background-size:contain;background-position: top center;
          text-align: center;z-index: 100;  background-color: #0000006b;}
          .kultasavy{color:#C7AE74;}
          .harmaasavy{color:#737373;}
          section.content a.harmaasavy{color:#737373;}
          section.content a{color:#C7AE74;text-decoration: none;} 
          section.content a:hover{color:#fff;text-decoration: none;} 
          
          section.content h3{ color:#B3B3B3;text-transform: uppercase;font-size: 1.0rem /*28px*/;margin: 10px 0 35px;    font-weight: 400;} 
          section.content img.lgo{margin:0 0 30px;max-width: 270px;}
          section.content img{ max-width: 100%;height: auto;}
          section.content h4{ color:#B3B3B3; font-weight: 600;font-size: 0.9rem;margin: 10px 0;}
          section.content ul{list-style: none;padding: 0;margin: 0;}
          section.content a{ font-size: 0.8rem;color:#C7AE74;cursor: pointer;}
          section.content a.disabled{ pointer-events: none;cursor:not-allowed;}
          section.content ul li.valkosavy, section.content ul li.valkosavy a,section.content ul li.valkosavy span{color:#fff;}
          section.content .bottom{padding-top: 40px; padding-bottom: 10px;font-size: 0.7rem;}
          section.content {padding:15px}

.container{max-width: 600px;}

.footergrad{
    position: absolute;bottom: 0; z-index: 20; height: 100px; width: 100%;
background: rgb(43,43,43);
background: linear-gradient(180deg, rgba(43,43,43,0) 0%,rgba(43,43,43,0.25) 30%, rgba(43,43,43,1) 80%, rgba(43,43,43,1) 100%);
}
          
          section.content .note p{ font-size: 0.7rem;padding: 0;margin:0 0 40px}
          section.content .note p strong{color:#fff;}
          section.content .note h2{ font-size: 1.5rem;padding: 0;margin:0;font-weight: 400;}
          
          @media (max-width: 577px){
              
              section.content h3{font-size: 1rem;margin: 10px 0 35px;}
              section.content img.lgo{margin:0 0 40px;}
              section.content .bottom{padding-top: 30px;}
              body{background-image: url(../i/landing-2023-luisa-mob5.jpg);background-size: contain; background-position: top left;}
              section.content {background-color:#0000008c;}
}
              
          }
          @media (min-width: 768px){
              section.content {padding:20px 15px 10px;}
              section.content .note {max-width: 500px; margin: 0 auto;}
              section.content img.lgo{margin:0 0 40px;max-width: 300px;}
          }
          @media (min-width: 991px){
              section.content {height: 100%;}
              body{background-size: cover;background-attachment: fixed;}
              section.content {background-size:cover;background-attachment: fixed; background-position: top left;}
              section.content .note h2 {font-size: 2.4rem;}
              
          }



/* 2023 */
.col-md-12 .card, .col-12 .card, .col-6 .card, .col-4 .card, .col-md-6 .card{background:#00000090; margin-bottom: 10px;}
.col-md-12, .col-12, .col-6, .col-4, .col-md-6{margin-bottom: 10px;color:#fff;}
h6{color:#fff; text-transform: uppercase;}
h6 span{text-transform:none;}

.card h6::after{
    display: block;
    content: '*****';
    margin-top: 5px;
}

.card li{ font-size: 0.8rem;color:#C7AE74;cursor: pointer;
}
.disabled{font-style: italic;}


@media (min-width: 768px){.longlist{columns: 2;}}