/* desktop screen  */ 
@media only screen and (min-width: 981px) {

*{
	margin: 0; 
	padding:0;
}

body{
	background-image: url(/CSS/background1.jpeg);
	background-repeat: no-repeat;
	background-size: cover;
	font-family: sans-serif;
}

input{
	outline: none;
}



.Container_resetpass{
	background-color: white;
	width: 450px;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 0 7px 0 #000;
	margin: auto;
	height: auto;
}

.Container_resetpass h4 {
	padding-top: 30px;
	color: #4a4a4a;
}

.p{
	font-size: 12px;
	margin: 10px;
}

input[type=email] {
  padding: 5px;
  border: 0.5px solid #171717;
  margin-top: 15px;
  width: 50%;
}

.error{
  text-align: center;
  color: red; 
  margin-top: 15px;
  padding-right: 150px;
}

.wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  }

  .button {
    width: 180px;
    height: 30px;
    margin:  25px 0 15px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    color: #000;
    background-color: #a7b9c4;
    border: none;
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
  }

  .button:hover {
    background-color: #007ab8;
    box-shadow: 0px 15px 20px rgba(76, 89, 98, 0.89);
    color: #fff;
    transform: translateY(-7px);
  }






/* Bedankt - email sent */ 

.mailImg{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 280px;
	padding-left: 200px;
	padding-top: 100px;

}

.bedanktH1{
	color: #070654; 
	text-align: center;
	 padding-left: 40px;
	 margin-top: 15px;
	 
}

.bedanktH4{
	text-align: center; 
	color: #4b4a91; 
	width: 50%;
	 padding-left: 400px;
}

.links{
	float: right;
	margin: 30px;
	margin-top: 30px;
	padding-right: 50px;
}

/* Geen email ontvangen popup */ 

.popupbtn{
	cursor: pointer;
	color: #424242;
	font-size: 14px;
	display: inline-block;
	padding-left: 130px;
	padding-bottom: 10px;
	width: 100%;
}

#box{
	width: 32%; 
	overflow: hidden;
	background-color: white;
	box-shadow: 0 0 7px black;
	border-radius: 4px;
	position: absolute;
	transform: translate(-50%, -50%);
	z-index: 9999;
	padding: 30px;
	display: none;
	top: 50%;
	left: 50%;
}

#box .p{
	font-size: 13.5px;
	color: #424242;
}

.close{
	float: right;
	color: #424242;
	text-decoration: none;
	cursor: pointer; 
}

}




/*mobile screen*/
@media only screen and (max-width: 980px) {
*{margin: 0; padding:0;}

  html { 
    background: url(/CSS/background1.jpeg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: sans-serif;
    height: 100%;
  }

body{
	font-family: sans-serif;
	height: 100%;
}

input{
	outline: none;

}



.Container_resetpass{ /* white background */
	background-color: white;
	width: 250px;
	padding: 20px 30px;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 0 7px 0 #000;
	margin: auto;
	height: auto;
}

.Container_resetpass h4 { 
    color: #4a4a4a;
    text-align: center;
}

.p{ /* text  */
	font-size: 13px;
	margin: 10px;
}

input[type=email] {
  padding: 5px;
  border: 0.5px solid #171717;
  margin-top: 15px;
  width: 55%;
}

.error{
  text-align: center;
  color: red; 
  margin-top: 15px;
  padding-right: 150px;
}



.wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  }

  .button {
    width: 180px;
    height: 30px;
    margin:  25px 0 10px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    color: #000;
    background-color: #a7b9c4;
    border: none;
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
  }

  .button:hover {
    background-color: #007ab8;
    box-shadow: 0px 15px 20px rgba(76, 89, 98, 0.89);
    color: #fff;
    transform: translateY(-7px);
  }


/* Geen email ontvangen popup */ 

.popupbtn{
	cursor: pointer;
	color: #424242;
}

.links{
	float: right;
	margin: 30px;
	margin-top: 30px;
}

/* pop up */
#box{
	width: 70%; 
	overflow: hidden;
	background-color: white;
	box-shadow: 0 0 7px black;
	border-radius: 4px;
	position: absolute;
	transform: translate(-50%, -50%);
	z-index: 9999;
	padding: 30px;
	display: none;
	top: 50%;
	left: 50%;
}

#box .p{
	font-size: 13.5px;
	color: #424242;
}

.close{
	float: right;
	color: #4b4a91;
	text-decoration: none;
	cursor: pointer; 
}


}