/* Author: Roger Andersson */

/* =============================================================================
   Default
   ========================================================================== */

.body {
   background-color: rgb(66, 65, 60);
   background-position: 0% 0%;
   background-repeat: repeat;
   background-attachment: scroll;
   background-size: auto;
}

.wrapper {
   position: relative;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   width: auto;
   max-width: 100%;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundX1920-blur.jpg");
   background-position: 0% 0px; 
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: 100%;
   -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   float: none;
   margin-top: 0px;
   clear: none; 
} 

/* =============================================================================
   Header
   ========================================================================== */

.header {
   float: none;
   height: 128px;
   margin-top: 0px;
   clear: none;
   width: auto;
   background-color: rgba(40,40,40,0.30);
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto; 
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto; 
   clear: none;
   color: rgb(0, 0, 0);
   display: block;
}

/* =============================================================================
   Sidebar
   ========================================================================== */

.sidebar {
   float: right;
   height: 648px;
   clear: none;
   width: 164px;
   position: static;
   top: 0px;
   left: 0px;
}

#portfolio {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 80px;
   padding-bottom: 30px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

#info {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 40px;
   padding-bottom: 30px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

#kontakt {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 40px;
   padding-bottom: 30px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

/* =============================================================================
   Content
   ========================================================================== */
 
#about {
   float: none;
   position: relative;
   top: 0px;
   left: 0px;   
   height: auto;
   width: 700px;
   max-height: 450px;
   max-width: 700px;
   margin-top: 150px;   
   margin-left: auto;
   margin-right: auto;
   clear: none;
   background-color:rgba(40,40,40,0.30); 
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   -khtml-border-radius: 6px;
   border-radius: 6px; 
}

#text {
   float: left;
   font-size: 1em;
   width: auto;
   height: auto;
   text-align: left;
   font-weight: normal;
   line-height: 1em;
   word-wrap: break-word;
   margin-left: 0px;
   margin-top: 0px;
   clear: none;
   min-height: 0px;
   padding-top: 50px;
   padding-left: 100px;
   padding-right: 100px;
   max-width: 774px;
   max-height: 448px;
   min-width: 0px;
   padding-bottom: 120px;
   font-family: Verdana, Geneva, sans-serif;
}

#textspan {
   float: none;
   font-size: 1em;
   line-height: 1.2em;
   color: rgb(255, 255, 255);
   font-family: Verdana, Geneva, sans-serif;
}

/* =============================================================================
   Hi-res display
   ========================================================================== */

@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
   .wrapper {
      background-image:url("../../img/bgs/BakgrundX1920-blur-hi-res.jpg");
   }	
}

/* =============================================================================
   Desktop 4K display+
   ========================================================================== */

@media only screen and (min-width: 3500px) { 
.body {
   background-color: rgb(66, 65, 60);
   background-position: 0% 0%;
   background-repeat: repeat;
   background-attachment: scroll;
   background-size: auto;
}

.wrapper {
   position: relative;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   max-width: inherit;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundX5120-blur.jpg");
   background-position: 0% 0px; 
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: 100%;
   -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   float: none;
   margin-top: 0px;
   clear: none; 
} 
    
/* =============================================================================
   Header
   ========================================================================== */

.header {
   float: none;
   height: 128px;
   margin-top: 0px;
   clear: none;
   width: auto;
   background-color: rgba(40,40,40,0.30);
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto; 
   clear: none;
   color: rgb(0, 0, 0);
   display: block;
}

/* =============================================================================
   Sidebar
   ========================================================================== */

.sidebar {
   float: right;
   height: 1296px;
   clear: none;
   width: 164px;
   position: static;
   top: 0px;
   left: 0px;
}

#portfolio {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 120px;
   padding-bottom: 45px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

#info {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 45px;
   padding-bottom: 45px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

#kontakt {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 45px;
   padding-bottom: 45px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}
} 

/* =============================================================================
   Desktop 34" display+
   ========================================================================== */

@media only screen and (min-width: 2600px) and (max-width: 3499px){ 
.body {
   background-color: rgb(66, 65, 60);
   background-position: 0% 0%;
   background-repeat: repeat;
   background-attachment: scroll;
   background-size: auto;
}

.wrapper {
   position: relative;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   max-width: inherit;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundX3440-blur.jpg");
   background-position: 0% 0px; 
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: 100%;
   -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   float: none;
   margin-top: 0px;
   clear: none; 
} 
    
/* =============================================================================
   Header
   ========================================================================== */

.header {
   float: none;
   height: 128px;
   margin-top: 0px;
   clear: none;
   width: auto;
   background-color: rgba(40,40,40,0.30);
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto; 
   clear: none;
   color: rgb(0, 0, 0);
   display: block;
}

/* =============================================================================
   Sidebar
   ========================================================================== */

.sidebar {
   float: right;
   height: 1296px;
   clear: none;
   width: 164px;
   position: static;
   top: 0px;
   left: 0px;
}

#portfolio {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 120px;
   padding-bottom: 45px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

#info {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 45px;
   padding-bottom: 45px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

#kontakt {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 45px;
   padding-bottom: 45px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}
}    
/* =============================================================================
   Desktop 27" display+
   ========================================================================== */

@media only screen and (min-width: 2500px) and (max-width: 2599px){ 
.body {
   background-color: rgb(66, 65, 60);
   background-position: 0% 0%;
   background-repeat: repeat;
   background-attachment: scroll;
   background-size: auto;
}

.wrapper {
   position: relative;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   max-width: inherit;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundX2560-blur.jpg");
   background-position: 0% 0px; 
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: 100%;
   -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   float: none;
   margin-top: 0px;
   clear: none; 
} 
    
/* =============================================================================
   Header
   ========================================================================== */

.header {
   float: none;
   height: 128px;
   margin-top: 0px;
   clear: none;
   width: auto;
   background-color: rgba(40,40,40,0.30);
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto; 
   clear: none;
   color: rgb(0, 0, 0);
   display: block;
}

/* =============================================================================
   Sidebar
   ========================================================================== */

.sidebar {
   float: right;
   height: 1296px;
   clear: none;
   width: 164px;
   position: static;
   top: 0px;
   left: 0px;
}

#portfolio {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 120px;
   padding-bottom: 45px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

#info {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 45px;
   padding-bottom: 45px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

#kontakt {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 45px;
   padding-bottom: 45px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}
    
/* =============================================================================
   Content
   ========================================================================== */

#about {
	float: none;
	position: relative;
	top: auto;
	left: auto;
	rigth: auto;
	height: auto;
	width: 700px;
	max-height: 450px;
	max-width: 700px;
    margin-top: 220px;   
    margin-left: auto;
    margin-right: auto;	
	clear: none;
	background-color: rgba(40,40,40,0.30);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}
	
#text {
	padding-top: 50px;
	max-height: auto;
	max-width: auto;	
   	padding-bottom: 120px;
}
    
}    

/* =============================================================================
   Desktop
   ========================================================================== */

@media only screen and (min-width:1920px) and (max-width: 2499px) {
.body {
   background-color: rgb(66, 65, 60);
   background-position: 0% 0%;
   background-repeat: repeat;
   background-attachment: scroll;
   background-size: auto;
}

.wrapper {
   position: relative;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   width: auto;
   max-width: 100%;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundX2560-blur.jpg");
   background-position: 0% 0px; 
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: 100%;
   -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   float: none;
   margin-top: 0px;
   clear: none; 
} 

/* =============================================================================
   Header
   ========================================================================== */

.header {
   float: none;
   height: 128px;
   margin-top: 0px;
   clear: none;
   width: auto;
   background-color: rgba(40,40,40,0.30);
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto; 
   clear: none;
   color: rgb(0, 0, 0);
   display: block;
}

/* =============================================================================
   Sidebar
   ========================================================================== */

.sidebar {
   float: right;
   height: 1296px;
   clear: none;
   width: 164px;
   position: static;
   top: 0px;
   left: 0px;
}

#portfolio {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 140px;
   padding-bottom: 40px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

#info {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 40px;
   padding-bottom: 40px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

#kontakt {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 40px;
   padding-bottom: 40px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

/* =============================================================================
   Content
   ========================================================================== */

#about {
   float: none;
   position: relative;
   top: 0px;
   left: 0px;   
   height: auto;
   width: 700px;
   max-height: 450px;
   max-width: 700px;
   margin-top: 200px;   
   margin-left: auto;
   margin-right: auto;
   clear: none;
   background-color:rgba(40,40,40,0.30); 
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   -khtml-border-radius: 6px;
   border-radius: 6px;     
}
	
#text {
	padding-top: 50px;
}
    
} 

/* =============================================================================
   Laptop
   ========================================================================== */

@media only screen and (min-width: 1281px) and (max-width: 1366px) { 
  .body {
	 background-color: rgb(66, 65, 60);
	 background-position: 0% 0%;
	 background-repeat: repeat;
	 background-attachment: scroll;
	 background-size: auto;
  }
  
  .wrapper {
	 position: relative;
	 height: 1024px;
	 margin-left: auto;
	 margin-right: auto;
	 width: auto;
	 max-width: 100%;
	 min-width: 0px;
	 background-image:url("../../img/bgs/BakgrundX1366-blur.jpg");
	 background-position: 0% 0px; 
	 background-repeat: no-repeat;
	 background-attachment: scroll;
	 background-size: 100%;
	 -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
	 -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
	 box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
	 float: none;
	 margin-top: 0px;
	 clear: none; 
  } 

/* =============================================================================
   Header
   ========================================================================== */

  .header {
   	float: none;
   	height: 128px;
   	margin-top: 0px;
   	clear: none;
   	width: auto;
   	background-color: rgba(40,40,40,0.30);
  }
  
  #logga320 {
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 margin-top: 0px;
	 margin-left: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
	 display: none;
  }
	  
  #logga375 {
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 margin-top: 0px;
	 margin-left: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
	 display: none;
  }
  
  #logga414 {
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 margin-top: 0px;
	 margin-left: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
	 display: none;
  }    
  
  #logga480 {
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 margin-top: 0px;
	 margin-left: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
	 display: none;
  }
  
  #logga768 {
   	width: auto;
   	max-width: 100%;
   	height: auto;
   	margin-top: 0px;
   	margin-left: auto;
   	margin-right: auto; 
   	clear: none;
   	color: rgb(0, 0, 0);
   	display: block;
  }

/* =============================================================================
   Sidebar
   ========================================================================== */

  .sidebar {
	 float: right;
	 height: 648px;
	 clear: none;
	 width: 164px;
	 position: static;
	 top: 0px;
	 left: 0px;
  }
  
  #portfolio {
	 float: right;
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 padding-top: 80px;
	 padding-bottom: 30px;
	 padding-right: 32px;
	 padding-left: 32px;
	 margin-top: 0px;
	 margin-left: 0px;
	 margin-right: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
  }
  
  #info {
	 float: right;
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 padding-top: 30px;
	 padding-bottom: 30px;
	 padding-right: 32px;
	 padding-left: 32px;
	 margin-top: 0px;
	 margin-left: 0px;
	 margin-right: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
  }
  
  #kontakt {
	 float: right;
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 padding-top: 30px;
	 padding-bottom: 30px;
	 padding-right: 32px;
	 padding-left: 32px;
	 margin-top: 0px;
	 margin-left: 0px;
	 margin-right: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
  }

/* =============================================================================
   Content
   ========================================================================== */

  #about {
	 float: none;
	 position: relative;
	 top: 0px;
	 left: 0px;   
	 height: auto;
	 width: 650px;
	 max-height: auto;
	 max-width: 650px;
	 margin-top: 100px;   
	 margin-left: auto;
	 margin-right: auto;
	 clear: none;
	 background-color:rgba(40,40,40,0.30); 
	 -webkit-border-radius: 6px;
	 -moz-border-radius: 6px;
	 -khtml-border-radius: 6px;
	 border-radius: 6px; 
  }
  
  #text {
	 float: left;
	 font-size: 1em;
	 width: auto;
	 height: auto;
	 text-align: left;
	 font-weight: normal;
	 line-height: 1em;
	 word-wrap: break-word;
	 margin-left: 0px;
	 margin-top: 0px;
	 clear: none;
	 min-height: 0px;
	 padding-top: 50px;
	 padding-left: auto;
	 padding-right: auto;
	 max-width: auto;
	 max-height: auto;
	 min-width: 0px;
	 font-family: Verdana, Geneva, sans-serif;
  }
  
  #textspan {
	 float: none;
	 font-size: 1em;
	 line-height: 1.2em;
	 color: rgb(255, 255, 255);
	 font-family: Verdana, Geneva, sans-serif;
  }

/* =============================================================================
   Hi-res display
   ========================================================================== */

  @media 
  only screen and (min-width: 1281px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width: 1281px) and (max-width: 1366px) and (min--moz-device-pixel-ratio: 2),
  only screen and (min-width: 1281px) and (max-width: 1366px) and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-width: 1281px) and (max-width: 1366px) and (min-device-pixel-ratio: 2),
  only screen and (min-width: 1281px) and (max-width: 1366px) and (min-resolution: 192dpi),
  only screen and (min-width: 1281px) and (max-width: 1366px) and (min-resolution: 2dppx) {
	 .wrapper {
		background-image:url("../../img/bgs/BakgrundX1366-blur-hi-res.jpg");
	 }	
  }
}

/* =============================================================================
   Laptop 1025 - 1280
   ========================================================================== */

@media only screen and (min-width: 1025px) and (max-width: 1280px) { 
  .body {
	 background-color: rgb(66, 65, 60);
	 background-position: 0% 0%;
	 background-repeat: repeat;
	 background-attachment: scroll;
	 background-size: auto;
  }
  
  .wrapper {
	 position: relative;
	 height: 1024px;
	 margin-left: auto;
	 margin-right: auto;
	 width: auto;
	 max-width: 100%;
	 min-width: 0px;
	 background-image:url("../../img/bgs/BakgrundX1280-blur.jpg");
	 background-position: 0% 0px; 
	 background-repeat: no-repeat;
	 background-attachment: scroll;
	 background-size: 100%;
	 -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
	 -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
	 box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
	 float: none;
	 margin-top: 0px;
	 clear: none; 
  } 

/* =============================================================================
   Header
   ========================================================================== */

  .header {
   	float: none;
   	height: 128px;
   	margin-top: 0px;
   	clear: none;
   	width: auto;
   	background-color: rgba(40,40,40,0.30);
  }
  
  #logga320 {
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 margin-top: 0px;
	 margin-left: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
	 display: none;
  }
	  
  #logga375 {
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 margin-top: 0px;
	 margin-left: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
	 display: none;
  }
  
  #logga414 {
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 margin-top: 0px;
	 margin-left: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
	 display: none;
  }    
  
  #logga480 {
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 margin-top: 0px;
	 margin-left: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
	 display: none;
  }
  
  #logga768 {
   	width: auto;
   	max-width: 100%;
   	height: auto;
   	margin-top: 0px;
   	margin-left: auto;
   	margin-right: auto; 
   	clear: none;
   	color: rgb(0, 0, 0);
   	display: block;
  }

/* =============================================================================
   Sidebar
   ========================================================================== */

  .sidebar {
	 float: right;
	 height: 648px;
	 clear: none;
	 width: 164px;
	 position: static;
	 top: 0px;
	 left: 0px;
  }
  
  #portfolio {
	 float: right;
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 padding-top: 30px;
	 padding-bottom: 30px;
	 padding-right: 32px;
	 padding-left: 32px;
	 margin-top: 0px;
	 margin-left: 0px;
	 margin-right: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
  }
  
  #info {
	 float: right;
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 padding-top: 30px;
	 padding-bottom: 30px;
	 padding-right: 32px;
	 padding-left: 32px;
	 margin-top: 0px;
	 margin-left: 0px;
	 margin-right: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
  }
  
  #kontakt {
	 float: right;
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 padding-top: 30px;
	 padding-bottom: 30px;
	 padding-right: 32px;
	 padding-left: 32px;
	 margin-top: 0px;
	 margin-left: 0px;
	 margin-right: 0px;
	 clear: none;
	 color: rgb(0, 0, 0);
  }

/* =============================================================================
   Content
   ========================================================================== */

  #about {
	 float: none;
	 position: relative;
	 top: 0px;
	 left: 0px;   
	 height: auto;
	 width: 650px;
	 max-height: auto;
	 max-width: 650px;
	 margin-top: 100px;   
	 margin-left: auto;
	 margin-right: auto;
	 clear: none;
	 background-color:rgba(40,40,40,0.30); 
	 -webkit-border-radius: 6px;
	 -moz-border-radius: 6px;
	 -khtml-border-radius: 6px;
	 border-radius: 6px; 
  }
  
  #text {
	 float: left;
	 font-size: 1em;
	 width: auto;
	 height: auto;
	 text-align: left;
	 font-weight: normal;
	 line-height: 1em;
	 word-wrap: break-word;
	 margin-left: 0px;
	 margin-top: 0px;
	 clear: none;
	 min-height: 0px;
	 padding-top: 50px;
	 padding-left: auto;
	 padding-right: auto;
	 max-width: auto;
	 max-height: auto;
	 min-width: 0px;
	 font-family: Verdana, Geneva, sans-serif;
  }
  
  #textspan {
	 float: none;
	 font-size: 1em;
	 line-height: 1.2em;
	 color: rgb(255, 255, 255);
	 font-family: Verdana, Geneva, sans-serif;
  }

/* =============================================================================
   Hi-res display
   ========================================================================== */

  @media 
  only screen and (min-width: 1025px) and (max-width: 1280px) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width: 1025px) and (max-width: 1280px) and (min--moz-device-pixel-ratio: 2),
  only screen and (min-width: 1025px) and (max-width: 1280px) and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-width: 1025px) and (max-width: 1280px) and (min-device-pixel-ratio: 2),
  only screen and (min-width: 1025px) and (max-width: 1280px) and (min-resolution: 192dpi),
  only screen and (min-width: 1025px) and (max-width: 1280px) and (min-resolution: 2dppx) {
	 .wrapper {
		background-image:url("../../img/bgs/BakgrundX1280-blur-hi-res.jpg");
	 }	
  }
}

/* =============================================================================
   iPad Pro Tablet portrait
   ========================================================================== */

@media only screen and (min-width: 1024px) and (orientation: portrait) { 
    .body {
       background-color: rgb(66, 65, 60); 
       background-position: 0% 0%;
       background-repeat: repeat;
       background-attachment: scroll;
       background-size: auto;
    }
    
    .wrapper {
        position: relative;
   		height: 1366px;
   		width: 1024px;
        max-width: 1024px;
   		min-width: 0px;
		background-image:url("../../img/bgs/BakgrundY1024-blur.jpg");
        background-position: 0px 0px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 100%;
        -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
        -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
        box-shadow: 0px 0px 0px rgba(0,0,0,0);
        margin-top: 0px;
        float: none;
        clear: none;
    }

   .header {
        float: none;
        height: 128px;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        width: auto;
	 	background-color: rgba(40,40,40,0.30);	
   }

	#logga320 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}
    
	#logga375 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}

	#logga414 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}    

	#logga480 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}

   #logga768 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-top: 0px;
   		margin-left: auto;
   		margin-right: auto; 		
        clear: none;
        color: rgb(0, 0, 0);
        display: block;
   }    

   .sidebar {
        float: right;
        position: static; 
        height: 648px;
        width: 164px;
        top: 0px;
        left: 0px;
        margin-top: 80px;
        clear: none;
   }

   #portfolio {
        float: right;
        width: auto;
        max-width: 100%;
        height: auto;
   		padding-top: 80px;
   		padding-bottom: 30px;
   		padding-right: 32px;
   		padding-left: 32px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
        color: rgb(0, 0, 0);
   }

   #info {
        float: right;
        width: auto;
        max-width: 100%;
        height: auto;
   		padding-top: 40px;
   		padding-bottom: 30px;
   		padding-right: 32px;
   		padding-left: 32px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
        color: rgb(0, 0, 0);
   }

   #kontakt {
        float: right;
        width: auto;
        max-width: 100%;
        height: auto;
   		padding-top: 40px;
   		padding-bottom: 30px;
   		padding-right: 32px;
   		padding-left: 32px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
        color: rgb(0, 0, 0);
   }

	#about {
	   float: left;
	   position: relative;
	   top: 0px;
	   left: 0px;   
	   height: auto;
	   width: 650px;
	   max-height: auto;
	   max-width: 650px;
	   margin-top: 200px;   
	   margin-left: 140px;
	   margin-right: auto;
	   clear: none;
	   background-color:rgba(40,40,40,0.30); 
	   -webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	   -khtml-border-radius: 6px;
	   border-radius: 6px;     
	}
	
	#text {
		padding-top: 50px;
		padding-left: auto;
		padding-right: auto;
	}   

  @media 
  only screen and (min-width: 1024) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width: 1024) and (orientation: portrait) and (min--moz-device-pixel-ratio: 2),
  only screen and (min-width: 1024) and (orientation: portrait) and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-width: 1024) and (orientation: portrait) and (min-device-pixel-ratio: 2),
  only screen and (min-width: 1024) and (orientation: portrait) and (min-resolution: 192dpi),
  only screen and (min-width: 1024) and (orientation: portrait) and (min-resolution: 2dppx) {
	 .wrapper {
		background-image:url("../../img/bgs/BakgrundY1024-blur-hi-res.jpg");
	 }	
  }
}

/* =============================================================================
   Tablet landscape
   ========================================================================== */

@media only screen and (min-width:801px) and (max-width: 1024px) and (orientation: landscape) {
.body {
   background-color: rgb(66, 65, 60);
   background-position: 0% 0%;
   background-repeat: repeat;
   background-attachment: scroll;
   background-size: auto;
}

.wrapper {
   position: relative;
   height: 768px;
   margin-left: auto;
   margin-right: auto;
   width: 1024px;
   max-width: 1024px;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundX1024-blur.jpg");
   background-position: 0% 0px; 
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: 100%;
   -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   float: none;
   margin-top: 0px;
   clear: none; 
} 

/* =============================================================================
   Header
   ========================================================================== */

.header {
   float: none;
   height: 128px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;      
   clear: none;
   width: auto;
   background-color: rgba(40,40,40,0.30);   
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   float: left;
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto; 
   clear: none;
   color: rgb(0, 0, 0);
   display: block;
}

/* =============================================================================
   Sidebar
   ========================================================================== */

.sidebar {
   float: right;
   height: 648px;
   clear: none;
   width: 164px;
   position: static;
   top: 0px;
   left: 0px;
}

#portfolio {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 30px;
   padding-bottom: 30px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

#info {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 30px;
   padding-bottom: 30px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

#kontakt {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 30px;
   padding-bottom: 30px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

/* =============================================================================
   Content
   ========================================================================== */

#about {
   float: none;
   position: relative;
   top: 0px;
   left: 0px;   
   height: auto;
   width: 600px;
   max-height: auto;
   max-width: 600px;
   margin-top: 100px;   
   margin-left: auto;
   margin-right: auto;
   clear: none;
   background-color:rgba(40,40,40,0.30); 
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   -khtml-border-radius: 6px;
   border-radius: 6px;     
}

#text {
	padding-top: 50px;
   	padding-left: auto;
   	padding-right: auto;
}   

/* =============================================================================
   Hi-res display
   ========================================================================== */

 @media 
  only screen and (min-width:801px) and (max-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width:801px) and (max-width: 1280px) and (orientation: landscape) and (min--moz-device-pixel-ratio: 2),
  only screen and (min-width:801px) and (max-width: 1280px) and (orientation: landscape) and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-width:801px) and (max-width: 1280px) and (orientation: landscape) and (min-device-pixel-ratio: 2),
  only screen and (min-width:801px) and (max-width: 1280px) and (orientation: landscape) and (min-resolution: 192dpi),
  only screen and (min-width:801px) and (max-width: 1280px) and (orientation: landscape) and (min-resolution: 2dppx) {
	 .wrapper {
		background-image:url("../../img/bgs/BakgrundX1024-blur-hi-res.jpg");
	 }	
  }
}

/* =============================================================================
   Tablet 800x600 landscape
   ========================================================================== */

@media only screen and (min-width:769px) and (max-width: 800px) and (orientation: landscape) {
.body {
   background-color: rgb(66, 65, 60);
   background-position: 0% 0%;
   background-repeat: repeat;
   background-attachment: scroll;
   background-size: auto;
}

.wrapper {
   position: relative;
   height: 600px;
   margin-left: auto;
   margin-right: auto;
   width: 800px;
   max-width: 800px;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundX800-blur.jpg");
   background-position: 0% 0px; 
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: 100%;
   -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
   float: none;
   margin-top: 0px;
   clear: none; 
} 

/* =============================================================================
   Header
   ========================================================================== */

.header {
   float: none;
   height: 128px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;      
   clear: none;
   width: auto;
   background-color: rgba(40,40,40,0.30);   
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   float: left;
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto; 
   clear: none;
   color: rgb(0, 0, 0);
   display: block;
}

/* =============================================================================
   Sidebar
   ========================================================================== */

.sidebar {
   float: right;
   height: 506px;
   clear: none;
   width: 164px;
   position: static;
   top: 0px;
   left: 0px;
}

#portfolio {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

#info {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

#kontakt {
   float: right;
   width: auto;
   max-width: 100%;
   height: auto;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-right: 32px;
   padding-left: 32px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   clear: none;
   color: rgb(0, 0, 0);
}

/* =============================================================================
   Content
   ========================================================================== */

#about {
   float: none;
   position: relative;
   top: 0px;
   left: 0px;   
   height: 400px;
   width: 600px;
   max-height: auto;
   max-width: 600px;
   margin-top: 30px;   
   margin-left: 30px;
   margin-right: auto;
   clear: none;
   background-color:rgba(40,40,40,0.30); 
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   -khtml-border-radius: 6px;
   border-radius: 6px;     
}

#text {
	padding-top: 30px;
   	padding-left: auto;
   	padding-right: auto;
}  

/* =============================================================================
   Hi-res display
   ========================================================================== */

  @media 
  only screen and (min-width:769px) and (max-width: 800px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width:769px) and (max-width: 800px) and (orientation: landscape) and (min--moz-device-pixel-ratio: 2),
  only screen and (min-width:769px) and (max-width: 800px) and (orientation: landscape) and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-width:769px) and (max-width: 800px) and (orientation: landscape) and (min-device-pixel-ratio: 2),
  only screen and (min-width:769px) and (max-width: 800px) and (orientation: landscape) and (min-resolution: 192dpi),
  only screen and (min-width:769px) and (max-width: 800px) and (orientation: landscape) and (min-resolution: 2dppx) {
	 .wrapper {
		background-image:url("../../img/bgs/BakgrundX800-blur-hi-res.jpg");
	 }	
  }
}

/* =============================================================================
   Tablet portrait
   ========================================================================== */

@media only screen and (max-width: 768px) { 
    .body {
       background-color: rgb(66, 65, 60); 
       background-position: 0% 0%;
       background-repeat: repeat;
       background-attachment: scroll;
       background-size: auto;
    }
    
    .wrapper {
        position: relative;
   		height: 1024px;
   		width: 768px;
        max-width: 768px;
   		min-width: 0px;
		background-image:url("../../img/bgs/BakgrundY768-blur.jpg");
        background-position: 0px 0px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 100%;
        -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
        -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
        box-shadow: 0px 0px 0px rgba(0,0,0,0);
        margin-top: 0px;
        float: none;
        clear: none;
    }

   .header {
        float: none;
        height: 128px;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        width: auto;
 		background-color: rgba(40,40,40,0.30);		
   }

	#logga320 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}
    
	#logga375 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}

	#logga414 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}    

	#logga480 {
   		width: auto;
   		max-width: 100%;
   		height: auto;
   		margin-top: 0px;
   		margin-left: 0px;
   		clear: none;
   		color: rgb(0, 0, 0);
   		display: none;
	}

   #logga768 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;			
        clear: none;
        color: rgb(0, 0, 0);
        display: block;
   }    

   .sidebar {
        float: right;
        position: static; 
        height: 648px;
        width: 164px;
        top: 0px;
        left: 0px;
        margin-top: 80px;
        clear: none;
   }

   #portfolio {
        float: right;
        width: auto;
        max-width: 100%;
        height: auto;
   		padding-top: 30px;
   		padding-bottom: 30px;
   		padding-right: 32px;
   		padding-left: 32px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
        color: rgb(0, 0, 0);
   }

   #info {
        float: right;
        width: auto;
        max-width: 100%;
        height: auto;
   		padding-top: 30px;
   		padding-bottom: 30px;
   		padding-right: 32px;
   		padding-left: 32px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
        color: rgb(0, 0, 0);
   }

   #kontakt {
        float: right;
        width: auto;
        max-width: 100%;
        height: auto;
   		padding-top: 30px;
   		padding-bottom: 30px;
   		padding-right: 32px;
   		padding-left: 32px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
        color: rgb(0, 0, 0);
   }

	#about {
	   float: left;
	   position: relative;
	   top: 0px;
	   left: 20px;   
	   height: auto;
	   width: 550px;
	   max-height: 550px;
	   max-width: 550px;
	   margin-top: 150px;   
	   margin-left: 30px;
	   margin-right: auto;
	   clear: none;
	   background-color:rgba(40,40,40,0.30); 
	   -webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	   -khtml-border-radius: 6px;
	   border-radius: 6px;     
	}

    #text {
        padding-top: 50px;
		padding-left: 30px;
		padding-right: 30px;
    }

    #textspan {
        float: none;
        max-width: none;
        width: 0px;
        height: 0px;    
        font-size: 1em;
        line-height: 1.2em;
        color: rgb(255, 255, 255);
        font-family: Verdana, Geneva, sans-serif;
    }

@media 
only screen and (max-width: 768) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 768) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 768) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 768) and (min-device-pixel-ratio: 2),
only screen and (max-width: 768) and (min-resolution: 192dpi),
only screen and (max-width: 768) and (min-resolution: 2dppx) {
   .wrapper {
      background-image:url("../../img/bgs/BakgrundY768-blur-hi-res.jpg");
   }	
}
}

/* =============================================================================
   Mobil
   ========================================================================== */

@media only screen and (max-width: 736px) {

.body {
   background-color: rgb(66, 65, 60);
   background-position: 0% 0%;
   background-repeat: repeat;
   background-attachment: scroll;
   background-size: auto;
}

.wrapper {
   position: relative;
   height: 852px;
   width: 480px;
   max-width: 736px;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundY480-blur.jpg");
   background-position: 0% 0px;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: 100%;
   -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
   -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
   box-shadow: 0px 0px 0px rgba(0,0,0,0);
   margin-top: 0px;    
   float: none;
   clear: none; 
}
 

/* =============================================================================
   Header
   ========================================================================== */

.header {
   width: auto;
   height: 75px;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   background-color: rgba(40,40,40,0.30);  
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: block;
}

#logga768 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}  

/* =============================================================================
   Sidebar
   ========================================================================== */

.sidebar {
    width: 480px;
    height: 777px;
    margin-top: 100px;
    clear: none;
    margin-left: 0%;
    float: none;
    position: static;
    top: 0px;
    left: 0px;
   	display: none;
}

/* =============================================================================
   Content
   ========================================================================== */

#about {
   float: none;
   position: relative;
   top: 0px;
   left: 0px;   
   height: 777px;
   width: auto;
   max-height: 852px;
   max-width: 480px;
   margin-top: 0px;   
   margin-left: 0px;
   margin-right: 0px;
   clear: both;
   background-color:rgba(40,40,40,0.30); 
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   -khtml-border-radius: 0px;
   border-radius: 0px;     
}
#text {
   padding-top: 100px;
   padding-left: 40px;
   padding-right: 40px;
}

#textspan {
   float: none;
   font-size: 1em;
   line-height: 1.2em;
   color: rgb(255, 255, 255);
   max-width: none;
   width: 0px;
   height: 0px;
   font-family: Verdana, Geneva, sans-serif;
}

/* =============================================================================
   Hi-res display
   ========================================================================== */

@media 
only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 480px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 480px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 480px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 480px) and (min-resolution: 192dpi),
only screen and (max-width: 480px) and (min-resolution: 2dppx) {
   .wrapper {
      background-image:url("../../img/bgs/BakgrundY480-blur-hi-res.jpg");
   }	
}
}

/* =============================================================================
   iPhone 6 Plus
   ========================================================================== */

@media only screen and (max-width: 414px) {

.wrapper {
   position: relative;
   height: 736px;
   width: 414px;
   max-width: 414px;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundY414-blur.jpg");
   background-position: 0% 0px;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: 100%;
   -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
   -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
   box-shadow: 0px 0px 0px rgba(0,0,0,0);
   float: none;
   clear: none; 
}

.header {
   width: auto;
   height: 65px;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   background-color: rgba(40,40,40,0.30); 
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: block;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

.sidebar {
    width: 414px;
    height: 671px;
    margin-top: 60px;
    clear: none;
    margin-left: 0px;
    float: none;
    position: static;
    top: 0px;
    left: 0px;
   	display: none;
}

#about {
   float: none;
   position: relative;
   top: 0px;
   left: 0px;   
   height: 671px;
   width: auto;
   max-height: 671px;
   max-width: 414px;
   margin-top: 0px;   
   margin-left: 0px;
   margin-right: 0px;
   clear: both;
   background-color:rgba(40,40,40,0.30); 
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   -khtml-border-radius: 0px;
   border-radius: 0px;     
}
    
#text {
   padding-top: 70px;
   padding-left: 25px;
   padding-right: 25px;
}

#textspan {
   float: none;
   font-size: 1em;
   line-height: 1.2em;
   color: rgb(255, 255, 255);
   max-width: none;
   width: 0px;
   height: 0px;
   font-family: Verdana, Geneva, sans-serif;
}

/* =============================================================================
   Hi-res display
   ========================================================================== */

@media 
only screen and (max-width: 414px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 414px) and (min-device-pixel-ratio: 3) {
   .wrapper {
      background-image:url("../../img/bgs/BakgrundY414x3-blur-hi-res.jpg");
   }	
}	
}

/* =============================================================================
   iPhone 6
   ========================================================================== */

@media only screen and (max-width: 375px) {

.wrapper {
   position: relative;
   height: 667px;
   width: 375px;
   max-width: 375px;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundY375-blur.jpg");
   background-position: 0% 0px;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: 100%;
   -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
   -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
   box-shadow: 0px 0px 0px rgba(0,0,0,0);
   float: none;
   clear: none; 
}

.header {
   width: auto;
   height: 59px;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   background-color: rgba(40,40,40,0.30); 
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: block;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

.sidebar {
    width: 375px;
    height: 608px;
    margin-top: 60px;
    clear: none;
    margin-left: 0px;
    float: none;
    position: static;
    top: 0px;
    left: 0px;
   	display: none;
}

#about {
   float: none;
   position: relative;
   top: 0px;
   left: 0px;   
   height: 608px;
   width: auto;
   max-height: 608px;
   max-width: 375px;
   margin-top: 0px;   
   margin-left: 0px;
   margin-right: 0px;
   clear: both;
   background-color:rgba(40,40,40,0.30); 
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   -khtml-border-radius: 0px;
   border-radius: 0px;     
}

#text {
   padding-top: 35px;
   padding-left: 20px;
   padding-right: 20px;
}

#textspan {
   float: none;
   font-size: 1em;
   line-height: 1.2em;
   color: rgb(255, 255, 255);
   max-width: none;
   width: 0px;
   height: 0px;
   font-family: Verdana, Geneva, sans-serif;
}

/* =============================================================================
   Hi-res display
   ========================================================================== */

@media 
only screen and (max-width: 375px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 375px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 375px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 375px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 375px) and (min-resolution: 192dpi),
only screen and (max-width: 375px) and (min-resolution: 2dppx) {
   .wrapper {
      background-image:url("../../img/bgs/BakgrundY375-blur-hi-res.jpg");
   }	
}	
}

/* =============================================================================
   iPhone 5
   ========================================================================== */

@media only screen and (max-width: 320px) {

.wrapper {
   position: relative;
   height: 568px;
   width: 320px;
   max-width: 320px;
   min-width: 0px;
   background-image:url("../../img/bgs/BakgrundY320-blur.jpg");
   background-position: 0% 0px;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: 100%;
   -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
   -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
   box-shadow: 0px 0px 0px rgba(0,0,0,0);
   margin-top: 0px;
   float: none;
   clear: none; 
}

.header {
   width: auto;
   height: 50px;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   background-color: rgba(40,40,40,0.30); 
}

#logga320 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: block;
}
    
#logga375 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga414 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}    

#logga480 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}

#logga768 {
   width: auto;
   max-width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   clear: none;
   color: rgb(0, 0, 0);
   display: none;
}
 
.sidebar {
   float: right;
   position: static; 
   height: 380px;
   width: 320px;
   top: 0px;
   left: 0px;
   margin-top: 80px;
   clear: none;
   display: none;
}        
    
#about {
   float: none;
   position: relative;
   top: 0px;
   left: 0px;   
   height: 518px;
   width: auto;
   max-height: 607px;
   max-width: 320px;
   margin-top: 0px;   
   margin-left: 0px;
   margin-right: 0px;
   clear: both;
   background-color:rgba(40,40,40,0.30); 
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   -khtml-border-radius: 0px;
   border-radius: 0px;     
}

#text {
   padding-top: 10px;
   padding-left: 20px;
   padding-right: 20px;
}

#textspan {
   float: none;
   font-size: 1em;
   line-height: 1.1em;
   color: rgb(255, 255, 255);
   max-width: none;
   width: 0px;
   height: 0px;
}

/* =============================================================================
   Hi-res display
   ========================================================================== */

@media 
only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 320px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 320px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 320px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 320px) and (min-resolution: 192dpi),
only screen and (max-width: 320px) and (min-resolution: 2dppx) {
   .wrapper {
      background-image:url("../../img/bgs/BakgrundY320-blur-hi-res.jpg");
   }	
}	
}