@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
}

body {
  background: no-repeat center center fixed;  
  background-image: repeating-linear-gradient(135deg, rgba(145, 145, 145, 0.02) 0px, rgba(145, 145, 145, 0.02) 39px,rgba(140, 140, 140, 0.02) 39px, rgba(140, 140, 140, 0.02) 57px,rgba(9, 9, 9, 0.02) 57px, rgba(9, 9, 9, 0.02) 91px,rgba(217, 217, 217, 0.02) 91px, rgba(217, 217, 217, 0.02) 119px,rgba(45, 45, 45, 0.02) 119px, rgba(45, 45, 45, 0.02) 141px,rgba(227, 227, 227, 0.02) 141px, rgba(227, 227, 227, 0.02) 184px,rgba(236, 236, 236, 0.02) 184px, rgba(236, 236, 236, 0.02) 227px,rgba(124, 124, 124, 0.02) 227px, rgba(124, 124, 124, 0.02) 244px),repeating-linear-gradient(135deg, rgba(39, 39, 39, 0.02) 0px, rgba(39, 39, 39, 0.02) 23px,rgba(2, 2, 2, 0.02) 23px, rgba(2, 2, 2, 0.02) 55px,rgba(13, 13, 13, 0.02) 55px, rgba(13, 13, 13, 0.02) 71px,rgba(44, 44, 44, 0.02) 71px, rgba(44, 44, 44, 0.02) 98px,rgba(240, 240, 240, 0.02) 98px, rgba(240, 240, 240, 0.02) 134px,rgba(182, 182, 182, 0.02) 134px, rgba(182, 182, 182, 0.02) 159px,rgba(246, 246, 246, 0.02) 159px, rgba(246, 246, 246, 0.02) 174px,rgba(157, 157, 157, 0.02) 174px, rgba(157, 157, 157, 0.02) 190px),repeating-linear-gradient(135deg, rgba(145, 145, 145, 0.02) 0px, rgba(145, 145, 145, 0.02) 35px,rgba(217, 217, 217, 0.02) 35px, rgba(217, 217, 217, 0.02) 53px,rgba(199, 199, 199, 0.02) 53px, rgba(199, 199, 199, 0.02) 70px,rgba(196, 196, 196, 0.02) 70px, rgba(196, 196, 196, 0.02) 114px,rgba(137, 137, 137, 0.02) 114px, rgba(137, 137, 137, 0.02) 143px,rgba(249, 249, 249, 0.02) 143px, rgba(249, 249, 249, 0.02) 191px,rgba(247, 247, 247, 0.02) 191px, rgba(247, 247, 247, 0.02) 239px,rgba(38, 38, 38, 0.02) 239px, rgba(38, 38, 38, 0.02) 273px),linear-gradient(90deg, rgb(69, 69, 69),rgb(3, 3, 3));
  background-size: 100%;
  margin: 0;
	display: grid;
	justify-items: center;
  align-items: start;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
	}
	
main {
	background: linear-gradient(90deg, rgba(165, 165, 165, 0.03) 0%, rgba(165, 165, 165, 0.03) 8%,rgba(235, 235, 235, 0.03) 8%, rgba(235, 235, 235, 0.03) 9%,rgba(7, 7, 7, 0.03) 9%, rgba(7, 7, 7, 0.03) 14%,rgba(212, 212, 212, 0.03) 14%, rgba(212, 212, 212, 0.03) 17%,rgba(219, 219, 219, 0.03) 17%, rgba(219, 219, 219, 0.03) 95%,rgba(86, 86, 86, 0.03) 95%, rgba(86, 86, 86, 0.03) 100%),linear-gradient(67.5deg, rgba(80, 80, 80, 0.03) 0%, rgba(80, 80, 80, 0.03) 11%,rgba(138, 138, 138, 0.03) 11%, rgba(138, 138, 138, 0.03) 17%,rgba(122, 122, 122, 0.03) 17%, rgba(122, 122, 122, 0.03) 24%,rgba(166, 166, 166, 0.03) 24%, rgba(166, 166, 166, 0.03) 27%,rgba(245, 245, 245, 0.03) 27%, rgba(245, 245, 245, 0.03) 89%,rgba(88, 88, 88, 0.03) 89%, rgba(88, 88, 88, 0.03) 100%),linear-gradient(67.5deg, rgba(244, 244, 244, 0.03) 0%, rgba(244, 244, 244, 0.03) 4%,rgba(16, 16, 16, 0.03) 4%, rgba(16, 16, 16, 0.03) 10%,rgba(157, 157, 157, 0.03) 10%, rgba(157, 157, 157, 0.03) 20%,rgba(212, 212, 212, 0.03) 20%, rgba(212, 212, 212, 0.03) 83%,rgba(5, 5, 5, 0.03) 83%, rgba(5, 5, 5, 0.03) 84%,rgba(237, 237, 237, 0.03) 84%, rgba(237, 237, 237, 0.03) 100%),linear-gradient(90deg, #FFF,#FFF);
  border-radius: 1em;
  display: grid;
	margin: 3em;
  padding-top: 3%;
  max-width: 65vw;
  justify-items: center;
  align-items: center;  
}

.headline {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  padding-right: 12em;
  margin: 0.5em 1em;
  font-size: 1.8vw;
}

.under_nav {
  display: grid;  
  justify-items: center;
  justify-self: stretch;

}

.under_nav header {
  display: grid; 
}

article {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  margin: 2em;
  justify-self: center;  
  font-size: 1vw;
}

footer {
  grid-template-columns: 93% 7%;
  justify-self: stretch;
  align-self: end;
  display: grid;
  height: 2em;
  background-color: lightgray;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 0.7em;
  justify-content: space-evenly;
  justify-items: end;
  align-items: center;
  align-content: center;
  padding-right: 1vw;
  margin-bottom: 1.3em;    

}

footer a {
  text-decoration: none;
  color: black;
}

.main_pic {
  border-radius: 1em;
  border: 0.5em solid lightgray;
  width: 48vw;
}

.main_text {
  grid-template-columns: 1fr 1fr;
  display: grid;
  justify-content: stretch;
  justify-items: stretch;
  font-size: 1.2vw;
}

#column_left{
  justify-self: center;
  text-align: justify;
  padding: 0 2vw 0 8vw;; 
}

#column_right{  
  justify-self: center;
  text-align: justify;
  padding: 0 8vw 0 2vw;
}

#contact {
  padding-left: 4vw;
  align-self: center;
}

#contact a {
  text-decoration: none;
  color: black;
}

#social_media_img {
  width: 40%;
  padding-left: 0.25vw;
  overflow: visible;
  z-index: 10;
}

.social_media_container{
  padding-left: 1vw;
  justify-content: space-evenly;
  overflow: hidden;
}

/*---------------------------navigation----------------------------------------*/

nav {
  display: grid;
  grid-template-columns: 8fr 6fr 3.3fr ;
  grid-template-rows: auto;
  align-items: center;
  position: relative;
  height: 4.1vw;
  background-color: lightgray;
  text-align: left;
  justify-self: stretch; 
  align-content: center;
  width: 65vw;
}

nav p {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  color: black;
  font-size: 2.5vw;  
  float: left;
  position: relative;
  padding-left: 1.5vw;
  width: 30vw;
}

nav ul {
  float: left;
  display: grid;
  grid-template-columns: 4vw 4vw 6vw 6vw;
  grid-template-rows: auto;  

  
}

nav ul li {
  float: left;
  list-style: none;
  position: relative;  
  justify-self: center;
}

nav ul li a {
  display: block;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  color: black;
  font-size: 1.5vw;  
  text-decoration: none;  
  
}

nav ul li ul {
  display: none;
  position: absolute;
  background-color: lightgray;
  padding: 0.4em;
  border-radius: 0 0 1em 1em;
}

nav ul li:hover ul{
  display: block;  
  }

nav ul li ul li {
  width: 12.5vw;
  border-radius: 1em;
}

nav ul li ul li a {  
  padding: 0.5em;
}

nav ul li ul li a:hover {  
  background-color: lightgray;
  
}

#nav_logo {
  align-self: start;
}

#header_logo {
  overflow: visible;  
  padding-top: 2vw;
  width: 11vw;
  z-index: 10;
  
  
}

/*---------------------------navigation-end---------------------------------------*/