/* Small devices (portrait tablets and phones) */
@media only screen and (max-width: 1028px) {


    .all {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        color: #333333;
        background: #eeeeee;
        display: grid;
    }


    /***********************************************************************--------  top  --------*****************************************************************/
    .top {
        width: 100%;
    }

    /***********************************************************************--------  quote  --------*****************************************************************/

    .quote {
    }

    /***********************************************************************--------  center  --------*****************************************************************/
    .center {
        display: grid;
        grid-template-columns: 15% 70% 15%;
    }

    /***********************************************************************--------  bottom  --------*****************************************************************/
    .bottom {
        display: grid;
        grid-template-rows: 50% 50%;
        grid-template-columns: 10% 80% 10%;
    }

    /***********************************************************************--------  footer  --------*****************************************************************/
    .footer {
        background-color: #000000;
    }
}

/* Medium devices (landscape tablets, laptops) */
@media only screen and (min-width: 1028px) {

    .space{height: 5vh; width: 100%;}

    .input_text{
        width: 95%;
    }

    .center{
        height: 40vw;
    }
}