@media screen and (min-device-width: 1198px) and (max-width: 1400px) {.buttonplus {
	width:40px!important;
}
 }
 
@media screen and (min-device-width: 1198px) and (max-width: 1400px) {.buttonminus {
	width:40px!important;
}
 }
 
 
@media screen and (min-device-width: 1198px) and (max-width: 1400px) {.buttonmint {
	width:140px!important;
}
 }
 
 @media screen and (min-device-width: 992px) and (max-width: 1198px) {.buttonplus {
	width:30px!important;
}
 }
 
@media screen and (min-device-width: 992px) and (max-width: 1198px) {.buttonminus {
	width:30px!important;
}
 }
 
 
@media screen and (min-device-width: 992px) and (max-width: 1198px) {.buttonmint {
	width:100px!important;
}
 }
 
 



 
@media screen and (min-device-width: 992px) and (max-width: 1198px)  {.mintcounter {
margin-right: 10px!important;margin-left:10px!important;color:#dc3545;/*font-size:1.5em!important;*/
}
 }
 


@media screen and (min-device-width: 992px) and (max-width: 1198px)  {.mobiladdress {
font-size: 15px!important;
}
 }
 



.mobiladdress{
font-size: 1em;color: white;text-align:center;	
	
}


.mintcounternft{
color:antiquewhite;font-size: 2.5em;line-height: normal;
	 
 }
 
.mintcounter{
color:#191715;
	
}
 
.buttonplus{
width:65px;
}

.buttonminus{
width:65px;
}


.buttonmint{
width:190px;	
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



@-webkit-keyframes pulse {
    0% { 
        opacity: 0.5;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.5;
    }
}




.spinner {
animation: spinneranim 1s ease;
}

.zommer {
animation: zoomanim 1s ease;	
}

@keyframes spinneranim{
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes zoomanim{
  0% {
     transform: scale(3, 3);
  }
  
  90% {
     transform: scale(0.8, 0.8);
  }
  100% {
     transform: scale(1, 1);
  }
}


@media screen and (min-device-width: 320px) and (max-width: 370px)  {.nftname {
font-size: 1.7em;
}
 }
 
 
@media screen and (min-device-width: 371px) and (max-width: 564px)  {.nftname {
font-size: 3em;
}
 }

@media screen and (min-device-width: 565px) and (max-width: 991px)  {.nftname {
font-size: 5em;
}
 }
 
 @media screen and (min-device-width: 992px) {.nftname {
font-size: 7em;
}
 }
 .mintanimation {
  background-image: url('img/minting_anim.gif') !important;
  background-position: center;
  background-repeat: no-repeat;
  animation: mintingAnimation 1s infinite;
}
.dappbackground {
/*remove animation*/	
background: url(img/bc8.png)!important;
background-repeat: round!important;
}