.main {
    width: 100%;
    /* height: 100vh; */
}
/* .main * {
    display: inline-block;
} */
.container {
    display: inline-block;
    width: 100%;
    padding: 20px;
}
    .container.header {
        /* min-height: 100vh; */
        background-color: deepskyblue;
        padding-top: 50px;
        background-image: url('../images/top.png');
        background-size: 100% 100%;
        background-position: center;
        /* background-attachment: fixed;  - kaip pastovus fonas*/
    }
        .header form > input {
            width: 100%;
            background-color: transparent;
            color: #FFF;
            border-bottom-color: #FFF;
        }
        .header form > input::placeholder {
            color: #FFF;
        }
    .container.body {
        background-color: white;
        padding: 50px;
    }
    .container.footer {
        background-color: blue;
        padding-bottom: 50px;
    }
    .container > .header-row {
        display: inline-block;
        width: 600px;
        /* background-color: darkorange; */
        text-align: center;
        margin: 0 calc(50% - 300px);
    }
    .container > .body-row {
        display: inline-block;
        width: 1000px;
        margin: 0 calc(50% - 500px);
        /* background-color: darkseagreen; */
    }
        .container > .body-row > .left {
            float: left;
            width: 50%;
            /* background-color: aquamarine */
        }
        .container > .body-row > .right {
            float: right;
            width: 40%;
            /* background-color: orange; */
        }
            .container form > .btn {
                float: right;
            }
    .container > .footer-row {
        display: inline-block;
        width: 800px;
        margin: 0 calc(50% - 400px);
        /* background-color: darkviolet; */
        position: relative;
    }
        .footer .btn {
            position: absolute;
            top: -40px;
            right: -20px;
        }

    .header form > .btn-center {
        float: none;
        margin-bottom: 20px;
    }

@media (max-width: 1100px) {
    .container > .body-row {
        width: 800px;
        margin: 0 calc(50% - 400px);
        /* background-color:black; */
    }
}
@media (max-width: 800px) {
    .container > .header-row {
        width: 90%;
        margin: 0;
    }
    .container > .body-row {
        width: 600px;
        /* margin-left: 0 calc(50% - 600px); */
        margin: 0;
        /* background-color:grey; */
    }
    .container > .footer-row {
        width: 90%;
        margin: 0;
    }
    /*optionally: override widths, heigths, paddings, margins where needed*/
    .container > .body-row > .left,
    .container > .body-row > .right {
        width: 100%;
        margin-bottom: 20px;
    }
    .footer .btn {
        /* right: 20px; */
        /*OR*/
        display: none;
    }
}
/*top right bottom left, uses symmetry; padding, margin, radiuses*/