@font-face {
    font-family: nirvana;
    src: url(font/NIRVANA.TTF)
}

body {
    color:#7A3737;
    font-family: nirvana;
    letter-spacing: 1px;
    font-size:2.5vw
    
}



.index {
    background-color:#1B1C1C;
}



.order:link, .order:visited { 
       display: block;
       font-size: 5vw;
       margin: auto;
       background-color: #303030;
       width: 30%;
       text-align: center;
       border-radius: 1000px;
       transition-duration: 0.4s;
       text-decoration: none; 
       color: #7A3737;
}

.order:hover {
    background-color: #7A3737;
    color: #303030;
    cursor: pointer;
}



.tour:link, .tour:visited{ 
    float: right;
    margin-top: -35%;
    font-size: 3.5vw;
    background-color: #303030;
    width: 30%;
    text-align: center;
    border-radius: 20px;
    transition-duration: 0.4s;
    text-decoration: none; 
    color: #7A3737;
}

.tour:hover {
    background-color: #7A3737;
    color: #303030;
    cursor: pointer;
}

.albuminfo {
    text-align: left;
    margin-top: 5%;
    margin-left: 2.5%;
    width: 25%;
    background-color: #303030;
    border-radius: 20px;
    padding-left: 2%;
}
.cover {
    display: block;
    margin-top: -25%;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
  
}



audio {
    display: block;
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
    margin-bottom: 5%;
}

.low {
    background-color: #303030;
    background-repeat: repeat-y;
    margin-top: 15%;}



.logo {
    width: 20%;
    margin-left: -5%;
}

.spotify
{
  
    width: 20%;

}
.youtube
{
    width: 35%;
}
.apple
{
    margin-left: 10%;
    width: 20%;
    margin-right: -5%;
}


.tourbg {

   background-color: #1B1C1C;
   
   }
   .kurtbg {
       background-image: url("img/nirvana-live.png");
       height: 110%;
       background-position: center top;
       background-repeat: no-repeat;
       background-size: cover;
   }
   
   .tourlogo {
   display: block;
   width: 15%;
   margin-left: auto;
   margin-right: auto;
   }
   
   .tourdates {
    color: white;
    background-color: rgba(48, 48, 48, 0.5);
    width: 15%;
    text-align: center;
    margin: auto;
    border-radius: 10px;
   }
   
   .line {
   border-style: solid;
   border-color: #7A3737;
   border-width: 5px;
   width: 75%;
   margin-left: auto;
   margin-right: auto;

   }

   .linemove {
   margin-top: 5%;        
   }

   .place {
       background-color: #7A3737;
       color: white;
       width: 15%;
       margin-left: 15%;
       text-align: center;
       size: 5vw;
       border-radius: 10px;
   }
   
   .date {
       margin-left: 15%;
       background-color: rgba(48, 48, 48, 0.7);
       width: 10%;
       text-align: center;
       border-radius: 100px;
   }

   .expand {
       border-style: solid;
       color: rgba(48, 48, 48, 0);
   }

   .return:link, .return:visited {
    position: fixed;
   left: 0;
   bottom: 0;
       color: #DBB977;
       background-color: rgba(48, 48, 48, 0);
       width: 10%;
       margin-left: 3%;
       text-decoration: none;
   }

   .orderbg {
    background-color: #1B1C1C;
   }

   .country {
    border-color: transparent;
    background-color: antiquewhite;
    border-style: none;
    font-size: 3.6vw;
    letter-spacing: 1px;
    width: 100%;
    font-family: nirvana;
   }

   .countrystyle{
    background-color: antiquewhite;
    border: antiquewhite;
    padding: 1vw;
    border-radius: 1vw;
    width: 50%;
margin-top: 5%;
   }

   #firstName, #lastName, #address, #post, #city
   {
width: 12,5%;
background-color: antiquewhite;
margin-top: 2%;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
border-radius: 10px;
border-style: none;
font-size: 3vw;
font-family: nirvana;
   }

   #address {
width: 50%;

   }



   .orderbutton
 { display: block;
  margin: auto;
  margin-left: 25%;
  background-color: #7A3737;
  border: none;
  color: #303030;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-family: Nirvana;
  letter-spacing: 1px;
  font-size: 3vw;
  border-radius: 10px;
  width: 15%;
  padding-top: 10px;
  padding-bottom: 10px;
  
   }

   .orderalbum {
    display: block;
    width: 15%;
    float: right;
    clear: right;
    background-color: aliceblue;
    padding-top: 2%;
    padding-right: 1.25%;
    padding-left: 30%;
    padding-bottom: 15%;
    border-radius: 10px;
    margin-top: -35%;
   }

   
   .line2 {
    float: right;
    border-style: solid;
    border-color: black;
    border-width: 5px;
    width: 30%;
    margin-top: -15%;
    margin-right: 15%;
   }

.costs, .costs2, .total { 
display: block;
margin-right: 30%;
border-radius: 10px;}

.costs {
    margin-top: -25%;
    float: right;
    clear: right;
}

.costs2 {
    float: right;
    clear: right;
    margin-top: -21%;
}

.total {
     float: right;
     clear: right;
     margin-top: -11%;
}