.splashbodytextLarge {
	font-size: 20px;
	color: black;
	font-weight: 200;
}

a:active {}

.splashbodyheadingLarge {
	font-size: 42px;
	color: black;
	/*color:#a39b8c;*/
	font-weight: 300;
}

.splashbodytextSmall {
	font-size: 18px;
	color: black;
	font-weight: 300;
}

.splashbold {
	font-weight: bold;

}

.splashbodyheadingSmall {
	font-size: 24px;
	color: black;
	font-weight: 300;
}

.modal .modal-body {
	max-height: 640px;
	overflow-y: scroll;
	overflow-x: hidden;
	border: none;
}

#myModalInstructions .modal-content {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

#myModalInstructions .modal-content {
	background-color: transparent;
	border: none;
}

#myModalInstructions .modal-body {

	border: none;
	text-align: center;
}

.modal-backdrop.in {
	z-index: 1049;
	background-size: 100% 100%;

}


#myModalInstructions {
	margin-top: 0px;
	/*background-image: url('/gsproject/gallery/images/Splash_horisontal.jpg');*/
	background-image: url('/gsproject/gallery/images/splash-tegning_low.jpg');
	background-repeat: no-repeat;
	/*background-position-y: 25vh;*/
	background-size: cover;

}

#splash-header {
	margin-top: 3vh;
	font-size: 48px;
	text-align: center;
	font-weight: 300;
}

#splash-body {
	font-size: 24px;
	text-align: center;



}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */

@media (min-width: 0px) and (max-width: 666px) {
	#myModalInstructions {
		margin-top: 0px;
		background-image: url('/gsproject/gallery/images/splash-tegning_low.jpg');
		background-repeat: no-repeat;
		background-position-y: 25vh;
		background-size: contain;
	}

	#splash-header {
		margin-top: 5vh;
		font-size: 32px;
		margin-left: auto;
		margin-right: auto;

	}

	#splash-body {
		font-size: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	#myModal {
		margin-top: 68px;
		z-index: 20000 !important;
	}


	#modalsplash .modal .modal-dialog {
		max-width: 600px;
	}

	/* ==========================================================================
	Intro button styling 103 x 33 px
   ========================================================================== */

	#introCloseSplash {
		border-radius: 0px;
		padding: 3px 7px;
		font-size: 14px;
		width: 103px;
		height: 33px;
		margin-top: 2px;
	}

	.btn-closesplash {
		color: #ffffff;
		background-color: #1e1e1e;
		border-color: #1e1e1e;
	}

	.btn-closesplash:hover {
		color: #ffffff;
		background-color: black;
		border-color: black;
		background-image: none;
	}

	.btn-closesplash.disabled,
	.btn-closesplash[disabled],
	fieldset[disabled] .btn-closesplash,
	.btn-closesplash.disabled:hover,
	.btn-closesplash[disabled]:hover,
	fieldset[disabled] .btn-closesplash:hover,
	.btn-closesplash.disabled:focus,
	.btn-closesplash[disabled]:focus,
	fieldset[disabled] .btn-closesplash:focus,
	.btn-closesplash.disabled:active,
	.btn-closesplash[disabled]:active,
	fieldset[disabled] .btn-closesplash:active,
	.btn-closesplash.disabled.active,
	.btn-closesplash[disabled].active,
	fieldset[disabled] .btn-closesplash.active {
		background-color: #1e1e1e;
		border-color: #1e1e1e;
	}

	.btn-closesplash:focus,
	.btn-closesplash:active:focus {
		outline: 0 !important;
		border-color: #1e1e1e !important;
	}

	#myInputButton,
	#shareOnFBButton {
		padding: 5px;
		margin-top: 10px;
	}

	#myInputField {
		padding: 5px;
		margin-top: 10px;
	}