* {
        margin: 0;
        padding: 0;
    }

	.missingHeader {
		color:#e74c3c; /*201850: Thanks for that!!!*/
	}
    
	.imageConfirm {
		width: 70px;
		height: 70px;
	}
    
    h2, p {
        color: #3498db;
    }
    
	
	p {
		font-weight: 700;
	}
    
    .whiteb {
        color: black;
        background: white;
    }
    
    #toggle {
        display: none;
        padding: 1em;
        font-weight: bold;
        border: none;
        background: gray;
        color: #3498db;
        border-radius: 2em;
    }    

.lp {
	visibility: hidden;
}
    
     #flexo {
        display: flex;
        justify-content: center;
        align-content: center;
        padding-bottom: 2em;
    }    
    
    h2 {
        text-align: center;
        font-family: Roboto;
        font-weight: 700;
    }

/*#back {
	position: absolute;
	width: 100vw;
	background: #3498db;
}*/
    
   /* body {
     background: #3498db;
    }*/
	
	
	
	.pick {
		border: none;
		padding: 1.2em;
		background: none;
		font-weight: bold;
		width: 8em;
		margin: 0.7em;
		color: white;
		border-radius: 0.4em;
		
	}

h1 {
	text-align: center;
	color: #3498db;
    font-size: 3em;
    margin-top: 0;
}

    h2 {
		margin-top: 2em;
        padding-bottom: 1em;
    }

#login {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 1em;
	border-radius: 1em;
	width: 80vw;
	margin-left: calc(50vw - 40vw);
}

#login, h1 {
	margin-top: 1em;
}

input {
	padding: 1em;
	width: 20em;
	border: 2px solid gray;
	margin: 1em;
	border-radius: 1em;
	font-size: 1em;
}

#loginb {
	padding: 1em;
	background: #ed6318;
	color: #3498db;
	border-radius: 1em;
	font-size: 1em;
	border: none;
}

#loginb:hover {
	transition: 0.6s;
	background: #f39f26;
	/*e9a208*/
}

#toSignup {
	background: white;
	border: none;
	color: gray;
	font-weight: bold;
	font-size: 1em;
	padding-top: 2em;
}

#pickerb {
	background: none;
	color: #ed6318;
	padding: 1em;
	font-weight: bold;
	border: none;
	font-size: 1.1em;
}

#master-input {
	display: flex;
	justify-content: center;
	align-items: center;
}

#sec, #min {
	width: 3em;
	text-align: center;
}

#selection {
	display: flex;
	justify-content: center;
	align-content: center;
	padding: 1em;
}

#selection button {
	padding: 1em;
	margin: 0.5em 0.1em 0.5em 0.1em;
	border-radius: 6px;
	width: 6em;
}
    

label {
	font-weight: bold;
	margin-top: 2em;
	padding: 1em 2em 1em 2em;
	background: white;
	border-radius: 4px;
}
   
    
#toLogin {
	color: #3498db;
	margin-top: 1em;
    background: none;
    padding: 1em;
    border: none;
    font-size: 1.66em;
   
}
    

label, button {
	cursor:pointer;
}

label[for="nx"] {
	background: #3498db;
	color: white;
}

.toggleVisible {
	background: none;
	border: none;
}

.alignPasswordMatch img {
	width: 30px;
	height: 100%;
}

.alignPasswordMatch{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}


@media only screen and (max-width: 70em) {
	/*#login {
		width: 75vw;
		margin-left: 12.5vw;
		font-size: 2vw;
	}*/
	#login {
		margin-top: 3em;
	}
	h1 {
		margin-top: 1em;
		
	}
}
	
	 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
		 input {
			 width: 70vw;
		 }
		 	#login {
		font-size: 2em;
	}
    
	h1 {
		font-size: 5em;
	}
    
	button {
		font-size: 1em;
	}
    
}

/*----------------------------------------FONT SIZES HERE--------------------------------------------*/

/*-----------------------------------MOBILE DESIGN-----------------------------------*/

@media (max-device-width: 415px) {
	/*UP TO XS MAX (replace 70em)*/
	#login {
		font-size: 2em;
	}
    
    #toLogin {
        font-size: 3em;
    }
    
	h1 {
		font-size: 5em;
	}
    
	button {
		font-size: 1em;
	}
    
    
   /* #toLogin, #signup {
     font-size: 1.6em;
    }*/
    
   
}

/* CHANGES ON RESIZE ADJUST BEHAVIOUR (HIDE UNDER HAMBURGER, ETC.)*/

@media only screen and (max-width: 70em) {
	#login {
		width: 75vw;
		margin-left: 12.5vw;
	}
    
	#login {
		margin-top: 3em;
	}
    
	h1 {
		margin-top: 1em;
	}
}
    
    input {
        border-radius: 0.5em;
    }