* {margin: 0; padding: 0; }
html { height: 100%; }
body { height: 100%; }
/**************************************************/
#webpage-container{
	max-width: 1000px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	
	/*font-family: Asap;*/
    font-family: Arial, Helvetica, sans-serif;
	
	display: flex;
	flex-direction: column;
}

@media (min-width: 768px) {
    #webpage-container{
        margin-top: 39px;
    }
}

#content-container{
	flex: 1;
}
/**************************************************/
#main-header{
	padding:0px;
	margin: 0px;
}
.head_banner {
   width: 1000px;
	max-width: 100vw;
	min-width: 500px;
	
	float: right;
}
/**************************************************/


#main-navbar{
	background-color: rgb(62,97,250);
	padding-top: 0;
	padding-bottom: 0;
	flex-shrink: 0;
    
    position: relative;
}

#main-navbar .container{
    max-width: 1000px;
}

#main-navbar ul li a{
	color: white;
}
#main-navbar ul li a{
	opacity: 0.9;
}
#main-navbar ul li a:hover{
	opacity: 1;
}
#main-navbar ul li.active>a{
	text-decoration: underline;
}
#main-navbar .dropdown-menu{
	background-color: rgb(62,97,250);
	border: 0px;
	margin-top: 0;
	padding: 0;
	border-radius: 0 0 5px 5px;
	padding-bottom: 5px;
}

#main-navbar .dropdown-item,
#main-navbar .dropdown-item:active{
	background-color: rgb(62,97,250);
}

@media (min-width: 768px) {
    #main-navbar{
        position: fixed;
    }
    
	#main-navbar li:hover > .dropdown-menu{
		display: block;
	}
}

/**************************************************/
#content-container{
	width: 100%;
	padding: 40px;
    text-align: justify;
	
	/*border-color: rgba(62,97,250,0.5);
	border-style: solid;
	border-width: 0 2px;*/
	
}
#content-container h1{
	text-align: center;
	font-size: 1.7rem;
}
#content-container h2{
	font-size: 1.5rem;
}
#content-container h3{
	font-size: 1.4rem;
}
#content-container h1,
#content-container h2 {
	/*font-weight: bold;*/
}

#content-container .disclaimer{
    font-size: small;
}

/**************************************************/
#content-container span.image-container{
    float: right;
    max-height: 308px;
    max-width: 308px;
    padding: 3px;
    margin: 10px;
    background-color: lightgrey;
}

#content-container span.image-container *{
    max-height: 100%;
    max-width: 100%;
}

/**************************************************/

.clear{
	clear:both;
}