/* CUSTOM CSS */

body{
	font-family: Helvetica,Verdana,sans-serif;
	/*background:url(../images/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  	background-size: cover;*/
}

h1{
	font-weight: 600;
	letter-spacing: 0.06em;
	font-size:4.95em;
}
h4{
	font-size:3em;
	font-weight:bold;
}

i{
	color:#FFF;
	padding:7px;
}

.fa{
	font-size:36px;
}

.social-link{
	transition: all ease 0.5s;
	text-decoration: none;
	border:none;
}

.social-link:hover{
	text-decoration: none;
	border:none;
	opacity:0.7;
	transition: all ease 0.5s;
}
.social-link:focus{
	text-decoration: none;
	border:none;
	opacity:0.7;
}
.social-link:active{
	text-decoration: none;
	border:none;
	opacity:0.7;
}

.lead{
	font-size:20px;
	letter-spacing: 0.02em;
	font-weight:bold;
}

.top-lead {
	padding-bottom:15%;
}

.footer-lead{
	color:#fff;
}

.btn-custom-jl{
	border:2px solid #fff;
	border-radius: 0;
	background-color: rgba(0, 0, 0, 0);
	color:#fff;
	transition: all ease 0.5s;
}

.btn-custom-jl:hover, .btn-custom-jl:focus, a:hover, a:focus{
	border:2px solid #f3f3f3;
	border-radius: 0;
	transition: all ease 0.5s;
}

.modal-header {
	border-bottom:none;
}
.modal-content{
	background-color: #000;
	border:2px solid #fff;
	border-radius:0;
}

#myModal{
	top:30%;
}

.form-control {
	border-radius:0;
	border:2px solid #fff;
	color:#FFF;
	background-color:rgba(255, 255, 255, 0.1);
}

textarea{
	resize:none;
}

.close{
	color:#fff;
}

.btn-send-custom{
	float:right;
}

.alert-custom{
	border-radius:0;
	color:#000;
	text-shadow: none;
	font-weight: 400;
}

/* KODE TIL BACKSTRETCH 
	pre, code {
        font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
        font-size: 12px;
        color: #333;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
      }
	    pre { border: 1px solid #CCC; background-color: #EEE; color: #333; padding: 10px; overflow: scroll; }
      code { padding: 2px 4px; background-color: #F7F7F9; border: 1px solid #E1E1E8; color: #D14; }

*/

body {
  /* Location of the image */
  background-image: url(../images/bg.jpg);
  
  /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#464646;
  
  /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
   height:100%;
-webkit-overflow-scrolling: touch;
}

/* For mobile devices */
@media only screen and (max-width: 767px) {
  body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    height:auto;
    width:auto;
    display:block;
    padding-bottom:20%;
    background:none;
  }
  html{
  	height:auto;
    width:auto;
    background:#000;
  }

  .site-wrapper-inner{
  	padding-top:30%;
  }

  #myModal{
		top:0;
	}

  p.lead button{
  	padding-bottom:10px;
  }
	}


@media (max-width: 700px) { 

	.cover-heading{
		font-size: 4.1em;
		letter-spacing: 0.03em;
	}

	.lead{
		font-size: 16px;
	}

}