@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');

/*.header-container header{width: 100%; max-width: 1300px;}*/
#header_textOnly{display: none;}
#header_default{display: flex;flex-direction: column;}
#header_default .head-title-logo {
	/*width: 200px;*/
	display: flex;
    flex-direction: column;
    align-items: center;
}
#header_default .head-title-logo img{width: 200px;}
#header_default .head-title-logo h1{
    width: calc(100% - 200px);
    text-align: center;
    font-size: 2.1em;
	color: #2c458c;
    line-height: 1.3em;
    margin: 0.5em;
  	font-weight: 500;
  	font-family: 'Roboto Flex', sans-serif;
}

#header_default .head-title-logo a{
	color: #2c458c;
}

#cssmenu {
	/*background: #2c458c;*/
    background: white;
}



#cssmenu > ul > li {
    float: none;
}

#cssmenu > ul > li > a {
    color: #2c458c;
    margin-bottom: 0px;
    padding-bottom:15px;
    border-bottom: 2px solid white;
    transition: color .15s ease,background .15s ease, border-bottom-color .25s ease , margin-bottom .25s ease ,padding-bottom .25s ease ;
}

#cssmenu > ul > li > a:hover {
    color: #2c458c;
    /*background: rgb(209, 220, 233);*/
    border-bottom: 2px solid #2c458c;
    margin-bottom: 9px;
    padding-bottom:6px;
    /*transition: color .15s ease,background .15s ease, border-bottom-color 1s ease .15s, margin-bottom 1s ease .15s;*/
    /*transition: color .15s ease,background .15s ease, border-bottom-color .15s ease .15s, margin-bottom .15s ease .25s;*/
}	
#cssmenu ul {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.main-container {
    background: rgb(209, 220, 233);
}

.footer-container {
    background: rgb(209, 220, 233);
}

#HomePageItems img {
    max-width: 100%;
}

@media (min-width: 768px) {

	#header_default .head-title-logo {
		flex-direction: row;
	}

	#cssmenu ul {
	    flex-direction: row;
	}
}

@media (min-width: 1280px) {
	.header-container header{width: 100%; max-width: 1300px;}
	#header_default .head-title-logo h1{
	    font-size: 2.3em;
	    line-height: 1.3em;
	    margin: 0.5em;
	}


}