@import url('https://fonts.googleapis.com/css?family=Alegreya+SC:900');

main {
	text-align: center;
	max-width: 100%;
	margin-top: 180px
}

body h1{
font-family: 'Alegreya SC', serif;
	color:rgba(22,244,255,0.73);
	font-size: 144px
}

p {
	
	color: rgba(253,253,253,0.90);
	font-size: 34px;
	font-family: Cambria,"Times New Roman", "serif"
}

h2{
	font-family: bookman old Baskerville, "Times New Roman", "serif";
	color: rgba(253,253,253,0.90);
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 55px
}

hr {
	max-width: 60%
}


header {
	max-width: 100%;
	display: block;
	text-align: center;
	position: absolute;
	top: 18%
	
}

.underside-logo {
	position: absolute;
	left: 47%;
	top: 1%
	
	
}

.underside-logo img {
	width: 80px;
	height: 80px
}

.button {
	text-align: center;
    transition-duration: 0.1s;
    padding: 12px 20px;
    font-size: 32px;
    border: 2px solid rgba(33,190,203,0.4);
	display: inline-block
	
}

.portfolio a {
		color:rgba(228,223,223,0.4);

}

.button:hover {
    color: #ffffff;
	border: 2px solid #21BECB
}

.CTA {
	text-align: center;
	margin-bottom: 7%;
	color:rgba(255,255,255,0.4)

}

footer{
    text-align: center;
    margin: 24px 0 0 0;
	color :rgba(255,255,255,0.54)
}




nav {
  background-color: transparent
  
}


nav a {
  float: left;
  font-size: 16px;
  color: inherit;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none
}


.dropmenu {
  float: left;
  overflow: hidden
}


.dropmenu .dropknap {
  font-size: 20px; 
  border: none;
  outline: none;
  color:rgba(253,253,253,0.90);
  padding: 14px 16px;
  background-color: inherit
}


.dropmenu-indhold {
  display: none;
  position: absolute;
  background-color: inherit;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1
}


.dropmenu-indhold a {
  float: none;
  color: rgba(253,253,253,0.90);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left
}


.dropmenu-indhold a:hover {
 background: inherit;
 text-decoration: underline;
	transition-duration: 1s
}


.dropmenu:hover .dropmenu-indhold {
  display: block
}


.socialemedier{
	display: inline-block;
	text-align: right;
	margin-right: 40px;
	margin-top: -40px
}


.facebooklink{
	display: inline-grid;
	margin-right: 40px
		
}

.linkedinlink{
	display: inline-grid
}


.facebook {
	color: #ffffff
	
}

.linkedin{
	color: #ffffff
}


.facebooklink:hover, .linkedinlink:hover {
	text-decoration: underline
}



ul.sti {
    padding: 5px 8px;
    list-style: none;
    background-color: inherit;
	position: absolute;
	left: 7%;
	top: 3%
	
}


ul.sti li {
    display: inline;
    font-size: 14px;
	content: "/\00a0"
}

ul.sti li+li:before {
    padding: 8px;
    color:#21BECB;
    content: "/\00a0"
}

ul.sti li a {
    color: #16F4FF;
    text-decoration: none
}

ul.sti li a:hover {
    color: #16F4FF;
    text-decoration: underline
}

.info {
	color:rgba(253,253,253,0.90)
}


.portfolio {
	margin-top: 40px
}



.eamv{
	width: 45%;
	margin-left: 28%;
	margin-top: 24px;
	margin-bottom: 20px
	
}

.whitespace {
	margin-top: 40px;
	margin-bottom: 20px
}

.bk {
	margin-top: 40px;
	margin-bottom: 40px
}

.fcm {
	margin-top: 40px;
	margin-bottom: 20px
}

.babooncity {
	margin-top: 40px;
	margin-bottom: 40px
}

.onepage {
	margin-top: 40px;
	margin-bottom: 20px
}



.workspace {
	width: 80%;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px
}

.om_mig {
	margin-bottom: 90px
}

.ommig {
	font-size: 28px;
	color:rgba(253,253,253,0.80);
	line-height: 150%
}

.mobilknap {
	color: #000000
}



.kontaktknapper button {
	padding: 20px;
    font-size: 30px;
    width: 100px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
	background-color:rgba(253,253,253,0.60)
}

.kontaktknapper button:hover {
	border: solid 4px rgba(22,244,255,0.73);
	
}

.email, .mobil, .kontaktfb, .kontaktlinkedin {
	display: inline-grid;
	margin-top: 90px;
	margin-right: 75px;
	margin-left: 75px
	
}

.kontaktknapper .mobilknap:hover {
	border: none
}

.kontaktknapper p {
	font-size: 20px
}


.bokse hr {
max-width: 100%
}

.bokse li {
	font-family: 'Alegreya SC', serif;
	color: rgba(253,253,253,0.60);
	margin: 50px 0px 0px 0px;
	font-size: 30px;
	text-align: left
	
}

.boks1, .boks2 {
	display: inline-grid;
	margin: 50px 300px 0px 300px;
}

.hrboks1, .hrboks2 {
	width: 100%;
	
}

#logo {
  -webkit-animation-duration: 5s;
  -webkit-animation-delay: 5s;
}




@media only screen and (max-width: 1675px) {
	
.boks1, .boks2 {
	display: inline-grid;
	margin: 50px 200px 0px 200px;
}
	
ul.sti {
    padding: 5px 8px;
    list-style: none;
    background-color: inherit;
	position: absolute;
	left: 10%;
	top: 3%
	
}
	
	
}

@media only screen and (max-height: 770px) {
	
ul.sti {
    padding: 5px 8px;
    list-style: none;
    background-color: inherit;
	position: absolute;
	left: 10%;
	top: 15%
	}
		
}