body{
     background-color: #7dcbef;
}
 .navbar-brand{
     margin: 0;
     padding: 0;
     width: 200px;
     display: block;
}
 .spaceship{
     width: 100vw;
     height: 100vh;
     position: fixed!important;
     z-index: -10;
     display: none;
}
 .showsvg{
     z-index: 1050;
     display: block;
     transition: 2s;
}
 .colour{
     background-color: #7dcbef;
}
 .navbar-brand img{
     width: 100%;
}
 .fixed-top{
     position: sticky!important;
     position: -webkit-sticky;
}
 #categories{
     background-color:#7dcbef;
     padding-top: 20px;
     padding-bottom: 20px;
}
 #icon{
     border-radius: 30px;
     box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}
 .item{
     padding: 10px;
}
 .banner{
     width: 100%;
     border-radius: 20px;
     box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}
 .overlay{
     position: absolute;
     width: 100%;
     height: 100%;
}
 .overlayicon{
     padding: 20px;
     width: 120px;
}
 .playbutton{
     position: absolute;
     right: 25px;
     bottom: 5px;
     padding: 20px;
     width: 120px;
}
 .playbuttonsm{
     position: absolute;
     right: 25px;
     bottom: 15px;
     padding: 20px;
     width: 80px;
}
 .pad{
     padding-top: 20px;
}
 #myFooter{
     height: 100%;
     background-color: #fff;
}
 .background-white{
     background-color: #fff;
}
 .grow {
     transition: all .2s ease-in-out;
}
 .grow:hover {
     transform: scale(1.1);
}
 .growlg {
     transition: all .2s ease-in-out;
}
 .growlg:hover {
     transform: scale(1.02);
}
 #myFooter a{
     color: #282b2d;
     font-size: 18px;
}
 .grow:hover .playbuttonsm{
     transition: 0.7s;
     -webkit-transform: rotate(360deg);
}
 #myFooter li{
     display: inline-block;
     margin: 0px 15px;
     line-height: 2;
}
 #myFooter .footer-social{
     text-align: center;
     padding-top: 25px;
     padding-bottom: 25px;
     background-color: #eee;
}
 #myFooter .fa{
     font-size: 36px;
     margin-right: 15px;
     margin-left: 20px;
     background-color: white;
     color: #d0d0d0;
     border-radius: 51%;
     padding: 10px;
     height: 60px;
     width: 60px;
     text-align: center;
     line-height: 43px;
     text-decoration: none;
     transition:color 0.2s;
}
 #myFooter ul{
     list-style-type: none;
     text-align: center;
     padding: 0;
     margin-bottom: 18px;
}
 #myFooter .footer-copyright{
     margin-bottom: 35px;
     text-align: center;
     color: #777;
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
     #icon{
         border-radius: 15px;
    }
}
/* Portrait and Landscape Ipad */
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
     #icon{
         border-radius: 15px;
    }
}
/* Portrait and Landscape Iphone 4&4s*/
 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
     #icon{
         border-radius: 15px;
    }
     .playbutton{
         bottom: 15px;
         width: 80px;
    }
}
 @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
     html, body {
         overflow-x: hidden;
         position: relative;
    }
    /* Styles */
}