* {
    box-sizing: border-box; /*niepotrzebne? */
}

/* Aby uniknąc paska przewijania, gdy animacje wykraczają poza ekran; 
   dla elementu body nie działa na telefonach. 
   Bez tego wrappera nie działa prawidłowe wykrycie scrollTop i offset 
   (używam dla efektów z velocity.js)
 */
#body_content {
    overflow-x: hidden; 
}

#top-container{
    margin-top: 56px;
}

.title{
    margin: 50px;
}


.game-box{
    width: 260px;
    height: 260px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
}

#tractor-game-box{
    background-image: url('../images/gotractor_r.png');
}

#smart-game-box{
    background-image: url('../images/smart_r.png');
}

#motory-game-box{
    background-image: url('../images/motory_r.png');
}

#stickman-game-box{
    background-image: url('../images/stickman_r.png');
}

#test{
    background-color: #010101;
    margin-top: 100px;
    height: 200px;
}

.contact_btn {
    margin: 0;
}

.contact_layer {
    display: none;
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50); /* IE7 & 8 */
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;  
 }

 /* 
    The Google Play badge should be the same size or larger than other application store badges. 
    https://play.google.com/intl/en_us/badges/
 */
 
 .google_play_badge{
     display: inline-block;
 }
 
 .google_play_badge img {
     width: 150px;
 }
 
 .app_store_badge{
     vertical-align: middle;
 }
 
 .email_img {
     width: 170px;
     margin: 0 2px;
 }
 
 .contact_info{
    font-size: 1.1em;
    margin: 18px;
 }
 
 .credit{
     margin-top: 30px;
 }