@media (min-width:600px) {
    .container_web {
        width: 100%;
    }

    .top_corner {
        width: 40%;
    }

    .content {
        width: 90%;
        margin-left: 10%;
        overflow: hidden;
    }

    .question {
        margin-top: 5%;
        width: 50%;
    }

    .comming{
        width: 15%;
    }

    .google {
        width: 15%;
    }

    .apple {
        margin-left: 3px;
        width: 15%;
    }


    .iphone {
        position: absolute;
        width: 60%;
        right: -10%;
        top: 20px;
        z-index: 1;
    }

    .bottom_corner {
        width: 40%;
        float: right;
    }

    .container_mobile {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .container_mobile {
        width: 100%;
    }

    .container_web {
        display: none;
    }
    .top_corner {
        width: 90%;
    }

    .content {
        width: 90%;
        margin-left: 10%;
        overflow: hidden;
    }

    .question{
        margin-top: 5%;
        width: 50%;
        font-size: 1.5em;
        font-family: "Arial";
    }

    .comming {
        margin-top: 20px;
        font-family: "Arial";
        position: absolute;
        width: 55%;
    }

    .google {
        width: 20%;
        float: right;
    }

    .apple {
        margin-right: 5px;
        width: 20%;
        float: right;
    }


    .iphone {
        position: relative;
        width: 110%;
        right: -33%;
        float: right;
    }

    .bottom_corner {
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 90%;
        float: right;
    }

    .store_links {
        z-index: 1;
        position: absolute;
        bottom: 20px;
        right: 30px;
    }

    .link_content {
        float: right;
    }
}