@charset "UTF-8";
/* CSS Document */

/*Universal*/


.test {border:1px solid #f00}



body { margin-top:30px; background: #999; }

.container{	background:#fff; 
				box-shadow:0 0 15px 1px #000; 
				border-top:25px double #E16911;
				border-bottom:25px double #E16911;
				  }

p { font-size: 13px; line-height: 1.3; color: #1d1d1d; }

b { font-size: 35px; line-height: 1.3; color: #1d1d1d; }

a { color: #000; transition:.5s; text-decoration: none;}

a:hover {color: #E16911; transition:.5s;}

.orange {color: #E16911;}

.blue {color: #009;}

/*HEADER*/

.profile-pic {	width: 225px; 
					border-radius: 50px; 
					margin-top: 10px;
					box-shadow:0 0 15px 1px #000; 
					}



nav.header-nav { width:device-width; text-align:center; margin-top:25px;   }

nav.header-nav a { 	background:#E16911; 
							width:150px; 
							display:inline-block; 
							padding:10px 20px 10px 20px; 
							border-radius:10px; 
							font-size:18px;  
							margin:1px 5px 1px 5px; }

nav.header-nav a:hover { background:#999999; color:#fff;  }

#home a.home, #erfarenheter a.erfarenheter, #about a.about, 
#contact a.contact, #navigate a.navigate {background:#AC3711; color:#fff;}


/*HOME PAGE*/

h2.content-title {
						padding-bottom: 10px;
						margin-bottom: 10px;
						font-size:35px;
						letter-spacing: -2px;
						border-bottom:3px solid #E16911;
						height: 45px;
						}
h2.content-title:after  {
						content:"";
						position: absolute;
						top:72px;
						/*bottom:13px ;*/
						left: 20px;
						border-width:11px 11px 0px 11px;
						border-style:solid;
						border-color:#E16911 transparent; 
						display: block;
						width: 0px;
						margin-top: 0px;
						}


.main-content {width:device-width; height: 100%;}


/*SUB PAGE*/

@media only screen and (min-width: 600px)  {
h1.title { font-size:36px; letter-spacing: -4px; margin:0 0 0; padding:0; }}
@media only screen and (min-width: 900px)  {
h1.title { font-size:75px; letter-spacing: -4px; margin:0 0 0; padding:0; }}
@media only screen and (min-width: 1024px)  {
h1.title { font-size:75px; letter-spacing: -4px; margin:0 0 0; padding:0; }}



/*FOOTER*/

nav.footer-nav {	
				margin-top:20px;
				border-top:3px solid #E16911; 
				text-align: center; 
				font-size: 13px;
				padding-top:10px;

				}
				
nav.footer-nav:before {
				content:"";
				position: relative;
				top:-22px;
				left: 10px;
				border-width:0px 12px 12px 12px;
				border-style:solid;
				border-color:#E16911 transparent; 
				display: block;
				width: 0px;

}

nav.footer-nav a {	text-decoration: none; 
					color: #000;
					border-radius:10px;
					display:inline-block; 
					padding:3px 6px 3px 6px; 
					margin:0 3px 0 3px;
					}

nav.footer-nav a:hover {color: #E16911}

.copyright {text-align: center; font-size: 13px;}