body {
	background-color:#2151A1;
}
.header-bg {
	background-color:#7AA8DA;
	padding: 0.6rem;
}

.logo-bg {
	background-color:#F2F2F2;
	padding: 0.4rem;
}

.main-bg {
	background-color:#F8F8F8;
	padding: 0.3rem;
}

.main-text {
	text-align: justify;
	font-size: 14px;
	margin-bottom: 1rem;
	font-weight: bold;
}

.main-component p {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

.main-component img{
	max-height:180px;
	margin: auto;
	display: block;
}

.main-component-info {
	text-align: center;
	font-size: 14px;
	padding-top: 0.5rem;
	margin-bottom: 0.8rem;
}

.footer-bg {
	background-color:#2151A1;
	padding: 1rem;
}

.header {
	font-size: 16px;
	color: #FFFFFF;
}

.logo {
	max-height: 4rem;
}

.footer {
	font-size: 12px;
	color: #FFFFFF;
}

.row {
	padding-bottom: 10px;
}

html, body {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: -webkit-box;
 display: flex;
 min-height: 100vh;
 flex-direction: column;
}

header, nav, footer {
 -webkit-flex: 0 0 auto;
 -ms-flex: 0 0 auto;
 flex: 0 0 auto;
}

main {
 -webkit-flex: 1;
 -ms-flex: 1;
 flex: 1;
}

.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.language-switch {
  margin-left: auto;
}

.flag-icon {
  width: 30px;
  height: auto;
}