@media only screen and (orientation:portrait) {
    #link-play {
        transform: scale(0.8);
    }
    #link-install-ios, #link-install-android {
        width: 100%;
    }

    #logo img {
        padding: 0 10px;
        box-sizing: border-box;
    }
}

@media only screen and (orientation:landscape) {
    #logo {
        width: 60%;
        clear: both;
        margin: auto;
    }
    #actions:after  {
        content: "";
        display: table;
        clear: both;
    }
    #link-play  {
        transform: scale(0.8);
    }
    .cont {
        width: 50%;
        margin: 0 auto;
    }
    #actions a {
        width: 100%;
        text-align: center;
    }
}

body{
    margin: 0;
}

#logo img {
    margin: 30px auto;
    display: block;
    max-width: 100%;
}
#actions {
    margin-top: 50px;
}
#actions a {
    display: block;
    margin: 0 auto;
}

#link-play {
    display: block;
    width: 317px;
    height: 76px;
    margin: 150px auto 20px auto;
    background: linear-gradient(to bottom, rgb(254, 230, 62) 0%, rgb(253, 169, 42) 100%);
    border: 4px solid #e95a1d;
    border-radius: 15px;
    -webkit-box-shadow: 0 3px 20px 2px rgba(100,100,100,5);
    box-shadow: 0 3px 20px 2px rgba(100,100,100,5);
    font-size: 3em;
    text-align: center;
    text-decoration: none;
    -webkit-text-stroke: 3px #000;
    text-stroke: 1px #000;
    color: white;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 22px;
    text-transform: uppercase;
}

#actions {
    margin-top: 15px;
}

#link-install-android, #link-install-ios {
    width: 325px;
    transform: scale(0.8);
}
#link-install-ios img {
    width: 325px;
}