/***********custom css start here**********/
*{margin:0px; padding: 0px; box-sizing: border-box;}
body{ font-family: "Lato", sans-serif; background:url(../images/body-bg.jpg) no-repeat; background-size: cover; background-position: center top; min-height: 100vh; padding-bottom:80px;}
a{text-decoration: none;}
img{max-width: 100%}
.single-logo {
    background: rgba(0, 0, 0, 0.15);
    text-align: center;
    border: 2px solid rgba(255, 255, 255, 0.40);
    border-radius: 10px;
    padding: 30px;
    margin-top: 30px;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-flow: column;
    flex-wrap: wrap;
    transition:all 0.5s ease;
    transform: scale(1);
}
.mail-a{transition: all 0.5s ease;}
.mail-a:hover{color:#01d0ff !important;}

.single-a:hover .single-logo{transform: scale(1.05);}

.single-logo span{display: block; text-align: center; color: #fff; font-size: 18px; margin-top: 20px}
.game-shot{background: url(../images/game-shot.png) no-repeat; background-size: cover;}

@media screen and (max-width: 767px) {

body{ background:url(../images/mob-bg.png) no-repeat; background-size: 100% auto; background-position: center top; background-attachment: fixed;}
.logo{max-width: 240px}

}