/*=====================================================================================================================
														LOG IN SECTION
=======================================================================================================================*/

/*LOG IN SECTION*/
.title{margin: 60px 0px 0px 0px; text-align: center;}
.title h1{color: #278127;}
.title h1:first-letter{color: rgb(40,167,69); font-size: 60px;}
.title small{font-size: 14px; letter-spacing: 15.5px; color: #bd0202; opacity: 0.7;}



.log_in_wrap{max-height: 320px; margin: 20px 0px 0px 0px; color: #fff; padding: 40px;}
.form_heading{text-align: center;}
.form_heading h1{padding: 10px 0px; color: rgb(40,167,69);}
.prompt{box-shadow: none !important; font-size: 14px; height: 40px;}

.s_btn{color: #278127; text-align: center; position: relative; left: 50%; transform: translateX(-50%); cursor: pointer;
width: 120px; margin:15px 0px; font-size: 18px; box-shadow: none !important; background: none;}
.s_btn:hover{background: rgb(40,167,69); border: 1px solid rgb(40,167,69); transition: 0.5s; }

.ls_btn{color: #278127; text-align: center; position: relative; left: 30%; transform: translateX(-50%); cursor: pointer;
width: 120px; margin:15px 0px; font-size: 18px; box-shadow: none !important; background: none;}
.ls_btn:hover{background: rgb(40,167,69); border: 1px solid rgb(40,167,69); transition: 0.5s; }

.lrg_btn{color: #bd0202; text-align: center; position: relative; left: 40%; transform: translateX(-50%); cursor: pointer;
width: 120px; margin:15px 0px; font-size: 18px; box-shadow: none !important; background: none;}
.lrg_btn:hover{background: rgb(190,0,0); border: 1px solid rgb(190,0,0); transition: 0.5s; }

/*responsive*/
@media only screen and (max-width: 770px)
{
	.log_in_wrap{font-size: 14px;}
	.title h1{font-size: 30px; }
	.title h1:first-letter{font-size: 40px;}
	.title small{font-size: 12px; letter-spacing: 12px;}
}

@media only screen and (max-width: 420px)
{
	.log_in_wrap{font-size: 12px; padding: 0px;}
	.title h1{font-size: 20px; }
	.title h1:first-letter{font-size: 30px;}
	.title small{font-size: 10px; letter-spacing: 10px;}
	.prompt{height: 35px;}
	.s_btn{font-size: 12px; width: 80px;}
	.ls_btn{font-size: 12px; width: 80px;}
	.lrg_btn{font-size: 12px; width: 80px;}
}

@media screen and (max-width: 600px) {
  #menu_icon_js {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

/*END LOG IN SECTION*/