.spc10{
display:inline-block;
height:10px;
width:100%;
}
.spc20{
display:inline-block;
height:20px;
width:100%;
}
.spc30{
display:inline-block;
height:30px;
width:100%;
}
.spc40{
display:inline-block;
height:40px;
width:100%;
}
.spc50{
display:inline-block;
height:50px;
width:100%;
}
.spc60{
display:inline-block;
height:60px;
width:100%;
}
.spc70{
display:inline-block;
height:70px;
width:100%;
}
.spc80{
display:inline-block;
height:80px;
width:100%;
}
.spc90{
display:inline-block;
height:90px;
width:100%;
}
.spc100{
display:inline-block;
height:100px;
width:100%;
}
.top_spc{
display:inline-block;
height:82px;
margin-bottom:-4px;
width:100%;
}
/*LONGEST DISPLAYS*/
@media only screen and (min-width:1401px) and (max-width:3000px){
#ttst{
background-color:red;
}
}
/*IPAD HORIZONTAL*/
@media only screen and (min-width:1280px) and (max-width:1400px){
#ttst{
background-color:purple;
}
}
@media only screen and (min-width:800px) and (max-width:1280px){
#ttst{
background-color:lime;
}
}
/*IPAD VERTICAL*/ /*IPHONE 6 HORIZONAL*/
@media only screen and (min-width:600px) and (max-width:800px){
#ttst{
background-color:black;
}
}
/*IPHONE 5 HORIZONTAL*/
@media only screen and (min-width:400px) and (max-width:600px){
#ttst{
background-color:red;
}
}
/*IPHONE 6 VERTICAL*/
@media only screen and (min-width:250px) and (max-width:400px){
#ttst{
background-color:fuchsia;
}
}