@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato|Open+Sans|Roboto|Source+Sans+Pro');


body {
    background: -webkit-linear-gradient(left, #03002b, #2196F3) !important;
}

.forgotbghead{
font-family: 'Lato', sans-serif;
	   font-size:35px;
	   font-weight:bold;
    width:660px;
    margin:auto;
    color:#fff;
    text-align:center;
    text-decoration:underline;
   }

.forgotbg{
    background: #fbfbfb;
    width:660px;
    margin:auto;
    margin-top: 21px;
    border-radius:15px 15px 0px 0px;
    padding-bottom:50px;
    padding-top:20px;
    border-bottom:solid 1px #ddd;
   }


   .forgotbg2{
    background: #f6f6f6;
    width:660px;
    margin:auto;
    padding-top:20px;
    margin-bottom: 20px;
    padding-bottom:50px;
    border-radius:0px 0px 15px 15px;
   }
   
   .passtext {
	   font-family: 'Source Sans Pro', sans-serif;
	   font-size:25px;
	   font-weight:bold;
	   padding: 15px;
	  }

      .passtext h1 {
	   font-family: 'Source Sans Pro', sans-serif;
	font-size:30px;
	font-weight:bold;
	line-height:150%;
	   
   }

   .passtext span {
	   font-family: 'Source Sans Pro', sans-serif;
	font-size:20px;
	font-weight:500;

	   
   }

   .forgotface {
   	text-align:center;
   	margin-top:25px;
   }

   .forgotbg input{
   width:90%;
   margin-top:7px;
      font-weight:500;

   padding-left:15px;
   font-family: 'Source Sans Pro', sans-serif;

   }

   .forgotbg .btn{
   width:90%;
   margin-top:7px;
   border-radius:5px;
   font-weight:bolder;
   font-family: 'Source Sans Pro', sans-serif;
margin: 0px 0px 0px 0px;

   }


      .forgotbg2 input{
   width:90%;
   margin-top:7px;
      font-weight:500;

      padding-left:15px;
         font-family: 'Source Sans Pro', sans-serif;

   }

   .forgotbg2 .btn{
   width:90%;
   margin-top:7px;
   border-radius:5px;

   font-weight:bolder;

   font-family: 'Source Sans Pro', sans-serif;
margin: 0px 0px 0px 0px;

   }

.forgotbg .btn {
    width: 90%;
}

   
   @media screen and (min-width:240px) {

.forgotbg .btn {
    width: 90%;
    font-size: 14px;
}

.forgotbg2 .btn {
    width: 90%;
    font-size: 14px;
}


.passtext h1 {
   font-size: 22px;
}

   	.forgotbghead{
    width:100%;
   }

   	.forgotbg{
    width:100%;
   }

      	.forgotbg2{
    width:100%;
   }

   } 


      @media screen and (min-width:1100px) {


.forgotbg .btn {
    width: 90%;
    font-size: 18px;
}

.forgotbg2 .btn {
    width: 90%;
    font-size: 18px;
}

.forgotbg .btn {
    width: 90%;
}
.passtext h1 {
   font-size: 30px;
}

   	.forgotbghead{
    width:660px;
   }

   	.forgotbg{
    width:660px;
   }

      	.forgotbg2{
    width:660px;
   }

   }