body{
	min-width:400px;
	font-family: 'Encode Sans', sans-serif;
	/* font-family: "Comic Sans MS", "Comic Sans", cursive; */
    letter-spacing: 1px;
	color:#404040;
}

hr{
	border-color: #19977F;
}

.ban{
	@include media-breakpoint-up(xs) {
		height: 14em;
	}
	@include media-breakpoint-up(sm) {
		height: 7em;
	}
}

.logo1{
	height: 5em;
	padding: 0.5em;
}

.logo2{
	height: 5em;
	padding: 1em;
	margin-right: 4em;
}

.logo3{
	width: 80%;
	max-width: 15em;
	margin-bottom: 1em;
}

#angelika{
	padding-top: 1%;
	width: 100%;
	max-width: 20em;
}

.bg_white{
	background-color:#FFFFFF;
}

.bg_sky{
	background-color:#e6f1ff;
}

.img-responsive {
    margin: 0 auto;
}

.padding1{
   padding-top: 20px;
   padding-bottom: 20px;
   padding-top: 1vw;
   padding-bottom: 1vw;
}

h1{
	padding-top: 15px;
	padding-bottom: 15px;
	color:#19977F;
	font-size:24px;
	font-weight: bold;
}

h4{
	padding-top: 15px;
	padding-top: 1vw;
	font-size:20px;
	font-weight:bold;
	color:#19977F;
}

h5{
	text-decoration: underline;
}

.top{
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 15px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid 1px;
    border-radius: 5px;
	border-color: #BBBBBB;
}

.AA2{
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	color:#19977F;
	line-height: 50px;
	font-size:36px;
	font-weight: bold;
}

a, a:hover{
	color: #b00022;
}

.navbar {
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    letter-spacing: 0px;
	color:#000000;
	background-color:#19977F;
}

.navbar-nav a {
    color: #FFFFFF !important;
}

.navbar-nav a:hover {
    color: #333333 !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #333;
	background-color:#19977F;
}

.navbar .nav-item .dropdown-menu{ 
	display: none; 
	float: right;
	color:#000000;
	background-color:#19977F;
}
.navbar .nav-item:hover .nav-link{   
}
.navbar .nav-item:hover .dropdown-menu{
	display: block; 
}
.navbar .nav-item .dropdown-menu{ 
	margin-top:0; 
}
	
.info{
    letter-spacing: 1px;	
	line-height:175%;
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;
}


/* ---- bootstrap4 overerites ------------ */

   
.btn-outline-primary {
	color: #19977F;
	background-color: transparent;
	background-image: none;
	border-color: #19977F
}

.btn-outline-primary:hover {
	color: #EEE;
	background-color: #19977F;
	border-color: #19977F
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: #19977F;
	background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
	color: #EEE;
	background-color: #19977F;
	border-color: #19977F;
}