%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home2/vacivi36/vacinagripe.vacivitta.com.br/styles/
Upload File :
Create Path :
Current File : //home2/vacivi36/vacinagripe.vacivitta.com.br/styles/header.scss

header {
    background: url(../../assets/images/banner-header.jpg) no-repeat center center;
    background-size: cover;
    height: 100%;

    @media(max-width: 999px) {
        background: $primary-color;
    }


    .formBlock {
        background: $green-100;
        height: 100%;


        @media(min-width: 1200px) {
            width: 500px;
            float: right;
        }

        .content {
            h3 {
                color: #fff;
            }


            form {
                .uk-form-label {
                    color: $green-600;
                }

                .uk-form-controls {
                    margin-top: 5px;
                }

                .uk-button-default {
                    background: $primary-color;
                    font-weight: 700;
                    border: none;
                    color: $white-color;
                    border-radius: 30px;
                    font-size: 16px;
                    padding: 5px 20px;

                    @media(max-width: 999px) {
                        padding: 5px 10px;
                        font-size: 14px;
                    }
                }
            }
        }
    }

    .firstBlock {

        small {
            background: $green-100;
            color: $white-color;
            padding: 10px;
            text-transform: uppercase;
            font-weight: 700;
            font-family: 'Noto Sans', sans-serif;
        }

        h1 {
            color: $white-color;
            font-size: 45px;
        }

        p {
            color: $white-color;
            font-size: 70px;
            font-weight: 900;
            line-height: 80px;

            mark {
                background: #00537f;
                color: $white-color;
                padding: 0 10px 0 0;
            }
        }

        @media(max-width: 999px) {

            margin-top: 50px;

            p {
                font-size: 58px;
                line-height: 78px;
            }
        }
    }
}

Zerion Mini Shell 1.0