/* CSS Document */

@media screen and (max-width: 767px) {

	body{
		padding-top: 30px;
	}


	.login-email {
		width: 383px;
	}

	.login-password {
		width: 383px;
	}

	.login-btn {
		width: 383px;
	}

	.forms p {
		width: 383px;
		right: 60px;
		font-size: small;
	}

	.notes {
		padding: 70px;
	}

	.notes h4 {
		text-align: center;
		width: auto;
	}

   .notes p {
    text-align: center;
    width: auto;
    }



}

@media screen and (max-width: 425px) {

	.login-email {
		width: 340px;
	}

	.login-password {
		width: 340px;
	}

	.login-btn {
		width: 340px;
	}

	.forms p {
		width: 340px;
		right: 70px;
		font-size: smaller;
	}
	.notes h4 {
		font-size: 25px;
		text-align: center;
		align-items: center;
		position: absolute;
		top: 70px;
		left: 30px;
		width: auto;
	}

	.notes p {
		text-align: center;
		width: auto;
		align-items: center;
		position: absolute;
		left: 30px;
		}

		.notes img {
			width: auto;
			height: 369.13px;
			align-items: center;
		}
}

@media screen and (max-width: 375px) {

	.login-email {
		width: 290px;
	}

	.login-password {
		width: 290px;
	}

	.login-btn {
		width: 290px;
	}

	.forms p {
		width: 290px;
		right: 100px;
		font-size: smaller;
	}

	.notes h4 {
		font-size: 23px;
		left: 20px;
		width: auto;
	}

	.notes p {
		left: 15px;
		line-height: 22px;
		width: auto;
		}

		.notes img {
			top: 130px;
			width: auto;
			height: 340.13px;
			align-items: center;
			justify-content: center;
		    right: 27px;}
	}