
h1{font-size:45px; font-family: 'Eina03-SemiBold'; color:white }
h2{font-size:20px; width:525px; font-family: 'Eina03-Regular'; color:white; display: none;}


.section-sigin {width:100%; height: calc(100vh - 70px); background-image: url("../img/bg.jpg"); background-position: center top ;background-repeat: no-repeat;
 background-attachment: fixed; background-size: cover; overflow: auto; background-color: #373B53;}

.section-sigin-container {width:90%;  margin:10px auto 0 auto;  padding-bottom: 50px; }

.editbox-area{width:100%;}
.p-signin {font-size: 25px; margin-top: 20px; font-family: 'Eina03-Bold';}
.p-new-user {font-size: 20px; margin-top: 20px; font-family: 'Eina03-Bold';}

.textfield-signin {width:100%;}
.signup-container { width:100%;}

.textfield-title {color:white;}
.login-forgotten-password {color:white; text-decoration: underline;}
.button-create-account{width:200px; margin: 12px 0 0 8px}
.button-next-previous {background: white; color: #696A77; border: 1px white solid;}

.button-next-previous:hover{background: white; color:#373B53; transition: 0.8s; border: 1px #373B53 solid;}

.button-reset-container{margin-top: 30px; display:flex; flex-direction: row-reverse;}

.section-reset-password-container{width:600px; height: 250px; background: rgba(256, 256, 256, 0.5); border-radius: 25px;margin: 100px auto 0 auto; padding-top: 10px;}
.reset-password-header1 {color:var(--color-dark-navy-gray); font-family: 'Eina03-Bold'; font-size: 28px; width: 100%; margin-top: 50px; text-align: center;}
.reset-password-header2 {color:var(--color-dark-navy-gray); font-size: 20px; width: 100%; margin-top: 30px; text-align: center;}

.reset-password-message, .forgotten-password-message{display: none;}
.p-new-user-container{display: none; }
/* @media (min-width: 1200px) {

} */

@media (max-width: 1050px) {
.section-sigin-container {width:90%;}


}
/*
@media (min-width: 768px) {

}*/

@media (min-width: 576px) {

.p-new-user-container{display: flex; }
.editbox-area{width:400px;}
.signup-container { width:40%;}
h2{ display: flex;}
.section-sigin-container {margin: 100px auto 0 auto; overflow: auto; padding-bottom: 50px; }
}
