body {
 	font-family: Inter, Roboto, "Open Sans", Lato, system-ui, -apple-system, "Segoe UI", Arial, sans-serif; *
 	font-size:14px;
}


.b_relative{
	position:relative;
	position:relative;
	z-index:1;
}


.btn_medium_show{
    padding:4px 15px;
    font-size:14px;
    border:none;
    color:white;
    font-weight:bold;
}

.btn_medium_show.info{
    font-size:17px;
    padding:3px 15px 5px 15px;
    background-color:#000;
}

.btn_medium_show.plus{
    font-size:17px;
    padding:3px 12px 5px 12px;
    background-color:rgb(0, 170, 0);
}


@media (min-width: 801px) {
    	
    /* url("{% static 'z_media/images/ground1.jpg' %}"); */
    /*background-image: url("images/ground1.jpg");*/

    .decor_base_indx{
        position:fixed;
        left:0;
        top:0;
        width:50%;
        height:100vh;
        background-image: url("images/ground1.jpg");
        background-size: 50% 100%;;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

    .decor_header{
        position:fixed;
        z-index:100;
        left:0;
        top:0;
        width:50%;
        padding-top:15px;
        padding-bottom:15px;
        background-color:transparent;
    }

    .decor_header a{
        color:white;
        font-size:25px;
        display:inline-block;
        border:5px solid white;
        border-top:none;
        border-left:none;
        border-radius:100px;
        padding-left:10px;
        padding-right:10px;
    }

    .ground_slog{
        position:fixed;
        z-index:70;
        left:0;
        bottom:0;
        width:50%;
        height:80vh;
        background-color: rgba(0, 0, 0, 0.45);
    }

    .decor_ground_slog{
        position:relative;
        left:0;
        top:25%;
        text-align:center;
        color:white;    
        transform: translateY(-25%);
    }

    .decor_ground_slog h3{
        font-size:3em;
        margin-bottom:25px;
    }

    .decor_ground_slog h3 b{
        color:yellow;
    }

    .decor_ground_slog h2{
        font-size:2em;
    }

    .decor_ground_slog h2 span{
        color:yellow;
    }

    .decor_wrapper_section{
        margin-left:50%;
    }

    .decor_section_indx{
        position:relative;
        left:0;
        transform: translateY(40%);
    }


    .form_login{
        max-width:400px;
        margin:auto;
    }

    .form_login h3{
        font-weight:bold;
        font-size:17px;
    }

    .form_login button.btn_submit{
        width:100%;
        padding-top:12px;
        padding-bottom:12px;
    }

    .form_login label{
        font-size:13px;
    }

    .form_login input{
        border-radius:5px;
    }

    .form_login a{
        text-decoration:underline;
    }

    .decor_section_signup{
       padding-top:30px;
    }

    .blogSignup{
        max-width:650px;
        margin:auto;
    }
    .form_signup{}
    .form_signup label{
        font-size:13px;
    }
    
}