/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #3a3a3a;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 18px; 
}
a:hover {color: #e8018b;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
  color: #3a3a3a;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  -webkit-transform: translateZ(0);
}

h1, h2, h3 {
  margin-top: 0;
}

h1 { font-size: 25px; font-weight: 400; margin-bottom: 60px; }

h2 {font-size: 20px; font-weight: 400;}

h2.icon-title {
  margin-top: 20px;
}

h3 {font-size: 19px; font-weight: 400; margin-top: 40px;}

ul li { font-size: 18px; }

p { font-size: 18px; -webkit-transform: translateZ(0); text-align: justify; margin-bottom: 30px;}
p.lead-quote { font-size: 30px; color: white; font-weight: 100; max-width: 500px; line-height: 34px;}


.navbar-default {border:none; background: #f2f2f2;}
.navbar-default .navbar-nav > li > a {color: #00adee;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color: #e8018b;}

div.content-section
{
  padding-top: 80px;
  padding-bottom: 80px;
}

#parallax-1 { background:url(../img/slide-gradient.jpg) 50% 0 no-repeat fixed; height: 350px;}
#parallax-2,
#parallax-3,
#parallax-4,
#parallax-5,
#parallax-6,
#parallax-7 { background:url(../img/slide-gradient.jpg) 50% 0 no-repeat fixed; height: 300px;}

.margin-bottom-1 {margin-bottom: 40px;}

.icon-social {width: 40px;}



/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 768px) {

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-left:  15px;
    padding-right: 15px;
  }
  .navbar-wrapper .navbar {
    padding-left:  0;
    padding-right: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  .nav > li > a { padding-top: 0; padding-bottom: 0;}
  #nav-main {padding-top: 36px;}

  p.quote-spacing-1 {margin-top: 220px;}
  p.quote-spacing-2 {margin-top: 170px;}
  p.quote-spacing-3 {margin-top: 140px;}

  img.logo-portfolio {max-width: 350px; margin: 20px auto 30px auto; } 
  
  

}

@media (min-width: 992px) {

}



@media (max-width: 767px) {

  h1 { font-size: 25px; margin-bottom: 20px; }
  p { text-align: left;}
  div.content-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  img.logo-partner {margin: 40px 0;}

  button.navbar-toggle {margin-top: 20px;}

  #parallax-1 { background:url(../img/slide-gradient.jpg) 50% 0 no-repeat; background-size: cover; height: 250px;}
  #parallax-2 { background:url(../img/slide-gradient.jpg) 50% 0 no-repeat; background-size: cover; height: 200px;}
  #parallax-3 { background:url(../img/slide-gradient.jpg) 50% 0 no-repeat; background-size: cover; height: 200px;}
  #parallax-4 { background:url(../img/slide-gradient.jpg) 50% 0 no-repeat; background-size: cover; height: 200px;}
  #parallax-5 { background:url(../img/slide-gradient.jpg) 50% 0 no-repeat; background-size: cover; height: 100px;}
  #parallax-6 { background:url(../img/slide-gradient.jpg) 50% 0 no-repeat; background-size: cover; height: 100px;}
  #parallax-7 { background:url(../img/slide-gradient.jpg) 50% 0 no-repeat; background-size: cover; height: 100px;}
  
  p.lead-quote { font-size: 25px; line-height: 24px; font-weight: 300; }
  p.quote-spacing-1 {margin-top: 140px;}
  p.quote-spacing-2 {margin-top: 80px;}
  p.quote-spacing-3 {margin-top: 80px;}

}