body {
	background-color: #101010;
	color: #d4d4d4;
}

.hero.row {
	background-image: url('../images/test.jpg');
	background-size: 100vw 100vh;
	background-position: 0px 35px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: calc(100vh - 2.75rem);
}

.toggle {
	display: none !important;
}

.ui.inverted.dimmer {
	background-color: rgba(0,0,0,.85);
}

.ui.inverted.dimmer > .ui.modal {
  -webkit-box-shadow: 1px 3px 10px 2px rgba(0,100,100,.2);
  box-shadow: 1px 3px 10px 2px rgba(0, 100, 100, 0.2);
}

.ui.inverted.transparent.input {
	border: 1px solid #003030;
	border-radius: 2px;
}

.ui.inverted.transparent.input:focus-within {
	border: 1px solid #005050;
}

.ui.inverted.reborn.button, .ui.inverted.reborn.buttons .button {
	background-color: transparent;
	-webkit-box-shadow: 0 0 0 2px #005050 inset;
	box-shadow: 0 0 0 2px #005050 inset;
	color: #009090;
}

.ui.inverted.reborn.button:hover, .ui.inverted.reborn.buttons .button:hover {
	background-color: #005050;
	color: #FFF;
}

.ui.form .field.error .transparent.input input {
	background-color: transparent !important;
}

@media only screen and (max-device-width: 767px) {
	.fixed.menu .item:not(.toggle):not(.visible) {
		display: none !important;
	}

	.toggle {
		display: block !important;
	}

	.toggle.hidden {
		display: none !important;
	}

	.fixed.menu:not(.stackable) {
		background: none !important;
	}

	.hero.row {
		background-size: auto 101vh;
		background-position: top right;
	}
}

@media only screen and (max-width: 800px) {
	body {
		background-size: 100% auto;
	}
}