body {
  font-family: 'Roboto', sans-serif;
	font-size:20px;
	min-height: 100vh !important;
}

#masthead {
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		padding: 10px;
}

.container-fluid {
	padding-left:1.5em;
	padding-right:1.5em;
background-color:#fefefe;
}

.sr-link {
  background: #e77e23;
	color:white;
  height: 30px;
  left: 50%;
  padding: 8px;
  position: absolute;
  transform: translateY(-100%);
  transition: transform 0.3s;
}

.sr-link:focus {
  transform: translateY(0%);
}

.LP-side-header {
	border-top:2px solid #cc0000;
	padding-top:0.5em;
}
.LP-side-header p {
			font-size:110%;
			color:#cc0000;
			font-style:italic;
}

h1, h2 {
		font-size:140%;
		color:#cc0000;
}

.LP-side-header h1 {
		font-size:170%;
		color:black;
}


li.nav-item {
		padding-right:2em!important;
		padding-bottom:0!important;
}

.nav-link {
	font-size:140%;
	font-weight:bold;
}

.lang-link {
	font-size:110%;
	font-weight:normal;
	color:#cc0000!important;
}

.centered {
				text-align:center;
}

#banner {
   font-size:1.5rem;
	 font-weight:bold;
	 font-style:italic;
	 background-color:#fff;
    color:#cc0000;
		text-align:left;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-bottom:0.4em;
		margin-top: 0.4em;
}

.card-header {
		text-align:center;
		background-color:#fff;
		bottom-border:0;
}

.card h1 {
				color:#000000;
				font-size:120%;
				font-weight:bold;
		padding-bottom: 0.5em;
		margin:0;
}

.card {
	border: 1px solid #666;	
	background-color:white;
}
