@font-face {
    font-family: Lato;
    src: url(fonts/lato/Lato-Black.ttf);
}

@font-face {
	font-family: Libre;
	src: url(fonts/libre-baskerville/LibreBaskerville-Regular.ttf);
}

hr {
	height: 1px;
	background-color: rgb(112,110,123);
}

.navbar {

	color: rgb(230,184,71);
	padding: 0px;
	background-color: rgb(6,13,68);
  position: sticky;
  top: 0;
  width: 100%;
  z-index:100;
}

@media screen and (max-width: 445px) {
.navbar {
    font-size: 12px;
}
}
@media screen and (max-width: 365px) {
.navbar {
    font-size: 10px;
}
}
.nav {
	font-family: Libre;
	
}

.navbar h3 {

	line-height: 60px;
	padding-left: 10px;
	margin: 0px;
	
}

.nav-item {
	font-family: Lato;
	line-height: 60px;
}
.navbar a,
.navbar a:visited,
.navbar a:active {
  color: rgb(112,110,123);
  	text-decoration: none;
}

.navbar a:hover {
	color: rgb(255,255,255);
		text-decoration: none;
}

.nav-image {
	margin: 0px;
	max-width: 100%;
}



.Huwhitetext, 
.Huwhitetext:visited, 
.Huwhitetext:active {
	color: white;
	
}


.Titletext, 
.Titletext:visited, 
.Titletext:active {
	color: rgb(6,13,68);
	padding-top: 75px;
	padding-left: 200px;
	padding-right: 200px;
	font-family: LibreBaskerville-Regular;
	text-align: center;
}
@media screen and (max-width: 633px) {
.Titletext, 
.Titletext:visited, 
.Titletext:active  {
    color: rgb(6,13,68);
	padding-top: 75px;
	padding-left: 50px;
	padding-right: 50px;
	font-family: LibreBaskerville-Regular;
	text-align: center;
}
}
.greytext, 
.greytext:visited, 
.greytext:active {
	color: rgb(112,110,123);
}

.main {
	background-color: rgb(245, 245, 245);
	
	
}
.banner {
		background-color: rgb(21, 178, 255);
	color: white;
	font-family: LibreBaskerville-Regular;
	text-align: center;
	padding: 15px;
	width:100%;
	
}
.banner::after {
  content: "";
  clear: both;
  display: table;
}

.banner h1 {
	margin-top:50px;
}
.banner h4 {
	margin-top:20px;
	margin-right:20px;
}
.falcon {
	float:left;
	width:40%;
	padding-bottom:20px;
}

.button {
color: white;
  background-color: rgb(6,13,68);
  border-radius: 8px;
  padding: 8px;
  font-size: 16px;
  font-family: LibreBaskerville-Regular;
  float: center;
  margin-right: 50px;
  overflow: auto;
}

@media screen and (max-width: 980px) {
.falcon{
    float:none;
}

.banner h1,h4 {
	margin-left:20px;
	margin-right:20px;
}
}
.container{
	background-color: rgb(6,13,68);

}



.button img {
	padding-right:5px;
	padding-bottom:3px;
	float:center;
}


.info {
	background-color: rgb(245, 245, 245);
	padding-bottom: 125px;
	
}
.intro {
	text-align: center;
	padding-left: 200px;
	padding-right: 200px;
}
.banner h1,h4 {
	margin-left:20px;
	margin-right:20px;
}
}
.container{
	background-color: rgb(6,13,68);

}

.lineleft {
	border-left: 1px solid rgb(6,13,68);
	margin-left: 200px;
	padding-left: 20px;
	margin-right: 200px;
}
@media screen and (max-width: 780px) {
.intro{
    text-align: center;
	padding-left: 50px;
	padding-right: 50px;
}

.lineleft {
	border-left: 1px solid rgb(6,13,68);
	margin-left: 50px;
	padding-left: 20px;
	margin-right: 50px;
}
}



.activism{


}

.floatL{
	
}
.wrapper{
	color: rgb(6,13,68);
	overflow: hidden;
}

.wrapper div{
	 min-height: 500px;
   padding-left: 20px;
   padding-right: 20px;
}
.third {
	width: 33.333333%;
    float:left;
}

/* .third a {
  color: rgb(0,0,0);
  	text-decoration: none;
}
*/
.third a,
.third a:visited,
.third a:active {
  	text-decoration: none;
	color:rgb(6,13,68);
}

.third a:hover {
	color: rgb(230,184,71);
		text-decoration: none;
}

@media screen and (max-width: 767px) {
.third {
    width: 100%;
    float:none;
}
}



/*Artikel css*/
.artikel img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
	
}
@media screen and (max-width: 767px) {
.artikel img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
	
}
}
.headline, 
.headline:visited, 
.headline:active {
	color: rgb(6,13,68);
	padding-top: 0px;
	padding-left: 200px;
	padding-right: 200px;
	font-family: LibreBaskerville-Regular;
	text-align: center;
}
@media screen and (max-width: 633px) {
.headline, 
.headline:visited, 
.headline:active  {
    color: rgb(6,13,68);
	padding-top: 0px;
	padding-left: 50px;
	padding-right: 50px;
	font-family: LibreBaskerville-Regular;
	text-align: center;
}
}

.artikeltext {
	padding-left: 50px;
	padding-right: 50px;
	font-family: LibreBaskerville-Regular;
	text-align: left;
	
}
.footer {
	
	background-color: rgb(6,13,68);
	padding: 0px;
	position: static;
	width:100%;
	height: auto;
	line-height: 50px;
	padding-left: 10px;
	bottom: 0px;
	z-index: 100;
}

.footer p {

	margin: 0px;
}

.footer hr {
	
	margin: 0px;
}

.footer .nav .nav-item {
	margin: 5px 0px;
}

.footer .nav .nav-item {
	padding: 0px 20px 0px 0px;
}

.footer .nav.float-right .nav-item {
	padding: 0px 0px 0px 20px;
}

.footer .nav a {
	padding: 0px;
}