/*Mobile Pop-up*/
.mobile{
    display: none;
}
.mobile .layer {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.82);
    z-index: 100;
}
.mobile .popup-mobile {
    top: 30%;
    position: fixed;
    z-index: 110;
    width: 90%;
    left: 5%;
}
.iphone, .android {
    border: 1px solid #fff;
    max-width: 49%;
    width: 49%;
    position: relative;
}
.iphone::before, .android::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.iphone {
    float: left;
}
.android{
    float: right;
}
.backtosite{
    clear: both;
}
.backtosite button{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#757575+0,aaaaaa+100 */
    background: #757575; /* Old browsers */
    background: -moz-linear-gradient(top,  #757575 0%, #aaaaaa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #757575 0%,#aaaaaa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #757575 0%,#aaaaaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 2% 0;
    width: 100%;
    color: #fff;
    margin-top: 5%;
    font-size: 40px;
}
.backtosite button:hover{
    background: #aaaaaa;
    background: -moz-linear-gradient(top, #aaaaaa 0%, #757575 100%);
    background: -webkit-linear-gradient(top, #aaaaaa 0%,#757575 100%);
    background: linear-gradient(to bottom, #aaaaaa 0%,#757575 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#757575',GradientType=0 );
}

.iphone a, .android a {
    background-repeat: no-repeat;
    background-position: 14% 50%;
    background-size: 24%;
    display: block;
    padding: 20% 2% 20% 39%;
    text-decoration: none;
    font-size: 4.25em;
    line-height: 1;
    position: relative;
}
.iphone a{
    background-image: url("../../../../images/logo_iphone_3488454c.png");
}
.android a{
    background-image: url("../../../../images/logo_android_1f29dfd9.png");
}
@media all and (orientation:landscape) {
   .mobile .popup-mobile{
       top:10%;
   }
}