body{
  background-color: #0F0F0F;
  width: 100%;
  overflow-x: hidden;
}
.bg{
  background-color: #00000015;
}
.MainImage {
  perspective: 100px; 
  display: flex;
  margin-top:1%;
  flex-direction: column;
  align-items: center;

 
  
}
.Logoimage {

  margin-top: 20px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  justify-content: center;


}

.LogoText {
font-size: 150%;
color: aliceblue;
font-family: 'Courier New', Courier, monospace;

}
.LogoTextSmall {
  font-size: 100%;
  color: aliceblue;
  font-family: 'Courier New', Courier, monospace;
  
  }
.LogoTextRed {
    font-size: 150%;
    font-weight: bold;
    color: aliceblue;
    font-family: 'Courier New', Courier, monospace;
    color: aqua;
    }

.disc {
  transform: rotateY(0deg);
  animation: rotateAnimation 15s linear infinite;
}
p{
 
  margin-top: 5px;
  margin-bottom: 5px;
}
@keyframes rotateAnimation {
  0% {transform: rotateY(0deg) rotateZ(0deg);}
  50% {transform: rotateY(180deg) rotateZ(0deg);}
  100% {transform: rotateY(360deg) rotateZ(0deg);}
}

.material-icons.md-light { color: rgb(255, 255, 255); font-size: 36px; position: absolute;}

@media only screen and (max-width: 600px) {
    .FilterRadioImg 
        {
        width: 30%;
        height: 30%;
        }
.LogoPic 
        {
        width: 85%;
        height: 85%;
        }
.footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color:#000000;
        color: white;
        text-align: center;
        font-size: 50%;
        font-family: 'Courier New', Courier, monospace;
        }
.TextBox {
        margin-top:50px;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        justify-content: center;
        text-align: center;
        width:90%;
        height: 50%;
        }
        
}

@media only screen and (min-width: 601px) {
  /* For tablets: */
    .FilterRadioImg 
        {
        width: 15%;
        height: 15%;
        }
.LogoPic 
        {
        width: 25%;
        height: 25%;
        }
.footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color:#000000;
        color: white;
        text-align: center;
        font-size: 70%;
        font-family: 'Courier New', Courier, monospace;
        }
.TextBox {
        margin-top:50px;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        justify-content: center;
        text-align: center;
        width:70%;
        height: 50%;
        }
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
    .FilterRadioImg 
        {
        width: 15%;
        height: 15%;
        }
.LogoPic 
        {
        width: 25%;
        height: 25%;
        }
.footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color:#000000;
        color: white;
        text-align: center;
        font-size: 80%;
        font-family: 'Courier New', Courier, monospace;
        }
.TextBox {
        margin-top:50px;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        justify-content: center;
        text-align: center;
        width:70%;
        height: 50%;
        }        
}