html, body, section { height: 100%; }
body { background: url(../Images/background.jpg) no-repeat center; background-size: cover; }
h3 { font-weight: bold; font-size: 24px; color: #00838D; text-align: center; }
p.login-text { font-size: 16px; color: #666666; }
a { color: #666666; font-weight: 500; }
.sweet-logo { background: url(../Images/bergnaset.svg) no-repeat center; background-size: 250px; width: 100%; margin-bottom: 30px; height: 80px; }
input.login-button { background-color: #00838D; }
.login-form { height: 650px; width: 400px; background-color: #ffffff; padding: 40px; border-radius: 5px; }

.form__field { border-width: 2px !important; }
.form__field:focus:hover, .form__field:focus, .form__field:focus:hover { border-color: #00838D; }
.form__field:focus { box-shadow: none; }
.form__field:focus ~ .form__label { color: #00838D; }

.switch__input:checked ~ .switch__label:after { background-color: #00838D; }
.switch__input:checked ~ .switch__label:before { background-color: #f6bb79; }

form { margin: 0; }

@media screen and (max-width: 700px) {
	.form__group { margin: 4px auto !important; }
	.form__group .text-error { display: none; }
	form { margin: 15px 0; }
	.login-form { height: 630px; }
}