/* -------------------------- Custom font and icons -------------------------- */

@font-face {
  font-family: 'bebasneue';
  src: url('../fonts/bebas_neue.eot');
  src: url('../fonts/bebas_neue.eot?#iefix') format('embedded-opentype'), url('../fonts/bebas_neue.woff2') format('woff2'), url('../fonts/bebas_neue.woff') format('woff'), url('../fonts/bebas_neue.ttf') format('truetype'), url('../fonts/bebas_neue.svg#bebas_neueregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'helvetica';
  src: url('../fonts/helvetica.eot');
  src: url('../fonts/helvetica.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica.woff2') format('woff2'), url('../fonts/helvetica.woff') format('woff'), url('../fonts/helvetica.ttf') format('truetype'), url('../fonts/helvetica.svg#helveticaregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* -------------------------- General -------------------------- */

body {
  overflow-x: hidden;
  background-color: #f4f9fa;
  font-family: 'helvetica', sans-serif;
  padding-top: 130px;
}

p {
  color: #333333;
  font-weight: normal;
}

h1 {
  font-family: 'bebasneue' !important;
  font-size: 50px !important;
}

h2 {
  font-family: 'bebasneue' !important;
}


/* -------------------------- End general -------------------------- */


/* -------------------------- Navbar -------------------------- */

.navbar {
  background-color: #fe7a4c;
  background-image: url(../img/menu-bg.png);
  height: 100px;
  border: none;
}

.navbar-brand {
  margin-top: 10px;
}

.navbar-default {
  background-color: #f8f8f8;
  border: none !important;
  font-family: 'bebasneue';
  font-size: 22px;
}

.navbar-default .navbar-nav>li>a {
  color: #ffffff !important;
}

.navbar-nav {
  margin-top: 20px !important;
  margin-left: 50px !important;
}

.navbar-nav>li {
  margin-left: 130px !important;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
  background-color: #00a7da !important;
}

.navbar-nav>li>a.active {
  background-color: #00a7da;
}


/* -------------------------- End navbar -------------------------- */


/* -------------------------- Intro section -------------------------- */

.intro-section {
  z-index: 20;
  margin-top: -20px;
  height: 800px;
  width: 100%;
  text-align: center;
}

.intro-image {
  height: 600px;
  background-image: url("../img/intro-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.intro-content {
  padding-top: 15px;
  width: 500px;
  display: inline-block;
}

.intro-heading {
  color: #283352;
}

.intro-copy {
  color: #231f20;
  font-size: 15px;
}

.parallax-window {
  min-height: 500px;
  background: transparent;
}


/* -------------------------- End intro section -------------------------- */


/* -------------------------- Skills section -------------------------- */

.skill-section {
  background-image: url("../img/blue-pattern-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}

h1.skill-heading {
  color: #ffffff;
  margin-top: 40px;
  margin-bottom: 40px;
}

h4.skill-subheading {
  font-size: 25px;
}

h4.skill-subheading,
p.skill-copy {
  color: #ffffff;
}


/* -------------------------- End skills section -------------------------- */


/* -------------------------- Gallery section -------------------------- */

.gallery-section {
  background-image: url("../img/white-pattern-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: repeat-y;
  text-align: center;
  margin-top: 10px;
  padding-right: 100px !important;
  padding-left: 100px !important;
}

h1.gallery-heading {
  color: #283352;
  margin-top: 40px;
  margin-bottom: 40px;
}


/* -------------------------- End gallery section -------------------------- */


/* -------------------------- Bio section -------------------------- */

.bio-section {
  background-image: url("../img/blue-pattern-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  padding-right: 50px !important;
  padding-left: 50px !important;
  margin-top: 10px;
  padding-bottom: 30px;
}

h1.bio-heading {
  color: #ffffff;
  margin-top: 40px;
  margin-bottom: 40px;
}

h2.bio-subheading {
  color: #ffffff;
  text-align: left;
}

p.bio-copy {
  color: #ffffff;
  text-align: left;
}

.bio-copy a {
  color: #ffffff;
  text-decoration: underline;
}

.bio-copy a:hover,
.bio-copy a:visited .bio-copy a:active {
  color: #cccccc;
  text-decoration: underline;
}

/* -------------------------- End bio section -------------------------- */


/* -------------------------- Contact section -------------------------- */

.contact-section {
  background-image: url("../img/white-pattern-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: repeat-y;
  text-align: left;
  margin-top: 10px;
  padding: 70px 100px 50px 100px !important;
}

h1.contact-heading,
p.contact-copy {
  color: #283352;
  margin-bottom: 30px;
}

.map-container {
  height: 600px;
  width: 100%;
}

.contact-form {
  padding-bottom: 20px;
}

textarea {
  resize: none;
}

.contact-details i {
  color: #00a7da;
}

.fa-stack {
  margin-right: 10px;
}


/* -------------------------- End contact section -------------------------- */