/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .ll{font-size: 42px;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    
@font-face {
  font-family: "creep"; 
  src: url("http://www.hauntedshop.co.uk/Creepster-Regular.ttf"); 
}

.basket{
 font-size: 4vh;    
}   
    
  .ll{font-size: 42px;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.ll{font-size: 42px;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {


a:link{color: white;
           text-decoration: none;
           
           
}
a:visited{
           color: white;
           text-decoration: none;
}
a:hover{color: red;}

body{
    background-color: black;
    font-family: tahoma;
    color: white;
  
}
 
p{
    text-align: justify;
}
 
.menu{
    width:80%;
    background-color:#3436a9;
    color:white;
    font-size:4vH;
}
.menut{
    width:80%;
    background-color:#111111;
    color:white;
    font-size:4vH;
}

.soc{
    
    background-color:black;
    color:white;
    font-size:22px;
    white-space: nowrap;
}

 .basket{
 font-size: 2.1vh;    
}   
  
  
    h4{
    text-align: center;
    color: lime;
    font-family:arial;
    text-shadow: 2px 2px purple;
    font-size: 32px;
    font-style:italic;
}
h2{
    text-align: center;
    color: #3436a9;
     text-shadow: 2px 1px purple;
    font-size: 3vh;
    font-family:arial;
}
h1{
    text-align: center;
    color: lime;
    font-family:arial;
    font-style:italic ;
    text-shadow: 4px 4px black; 
    font-size: 3vh;
    font-weight:400;
}
 
h3{
    text-align: center;
    color: lime;
   font-family:arial;
    font-style:italic;
    text-shadow: 2px 2px black;
font-size: 3vh;
}


 

h5{
    text-align: center;
    color: #E52620;
   font-family:arial;
    font-style:italic;
    text-shadow: 3px 2px #000000;
font-size: 32px;
}


.highlight{
 
    color: forestgreen;
}




  


ul li{
    list-style-type: square;
    margin-bottom: 10px;
    margin-left: 50px;
}
form{
    font-size:25px;
    
}
input {
  background-color: white;      /*#4CAF50;   Green */
  border: none;
  color: black;
  padding: 5px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 26px;
}
.buy {
  background-color: black;      /*#4CAF50;   Green */
  border-radius:8px;
  border: none;
  color: lime ;
  padding: 5px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 2vh;
}
.buy:hover{
    background-color:lime;
   color:black ; 
}
.buy:active {
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0s;
  color:black;
  background-color: red;
}

 
table{
     border: 0px ;
     width: 100%;

}

@font-face {
  font-family: creepy1;
  src: url(sansation_light.woff);
}

div {
  font-family: creepy;
}
 

.buy1 {
  padding: 10;
  margin: 20;
  opacity: 1;
  transition: 0s;
  color:black;
  background-color: lime;
  width:33%;
  font-size:2.5vh;
}

.buy1:hover {
    
  padding: 10;
  margin: 20;
  opacity: 1;
  transition: 0s;
  color:black;
  background-color: red;
}

th{
 background-color: #3436a9;
 

}
check{
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0s;
  color:black;
  background-color: red;
} 

.y {
  padding: 10;
  
  opacity: 1;
  transition: 0s;
  color:black;
  background-color: lime;
  font-size:3vh;

}

.key {
    text-align: center;
background-color: white;
 
color: black;
 
padding: 0px;
 }

 key1 {
background-color: black;
 
color: white;
text-align: center;
 
padding: 0px;
 }

.plate {
background-color: white;

color: black;
text-align: center;
 
border-spacing: 50px;
 
font-size: 2.6vw;
}
.pageb {
background-color: white;

color: black;
text-align: center;
font-size: 2.6vw;
border-spacing: 50px;
  

}

.pagebr {
background-color: white;

color: black;
text-align: center;

 
  
font-size: 1.5em;
}

 
.baskett{
 font-size: 1.5em;   
}

.cart{
    border:1px solid;
    border-color:white;
    border-bottom: 1px solid white;
    width:80%;
    text-align:center;
    font-size:3vh;
}

.form{
    
padding:10px;
}

}