html,body{
    height:100%;
    width:100%;
    font-family: 'Montserrat', sans-serif;
  }

.jumbotron{
  padding: 1rem;
  border-radius:0;
  margin-bottom:0px;

}
.padding{
  padding-bottom: 2rem;
}

/*Navbar*/
  .navbar{
    padding: .8rem;
  }

  .navbar-nav{
    padding-right: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight:100;
    font-size: 12px;
  }

.navbar-brand{
  font-family: 'Playfair Display', serif;
  font-weight:300;
  font-size: 30px;
}


.navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}



/*splash section*/
.splash-jumbotron{
  background-image: url("img/background/watercolor_splash.jpg");
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.splash-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.splash-hr{
  border-top: 2px solid #38383B;
  width:80%;
}

.splash-jumbotron h1{
  font-size: 60px;
}


/*welcome section*/
.display-4{
  font-family: 'Playfair Display', sans-serif;
  font-weight: 400;
  font-size:36px;
}
.welcome-section{
  width:75%;
  margin: 0 auto;
  padding-top:2rem;
  /*background-color: white;*/
}
.welcome-jumbotron{
  /*margin-bottom:0px;*/
}

/*About section*/
#scrubs-photo{
  margin: 0 auto;
  /*margin-right:0px;
  margin-left:0px;*/
  /*padding-left:30px;*/
  padding-right:30px;

}

.about-me{
  margin-bottom:1rem;
  color: white;
  background-color: #38383B;
}

.about-me h1{
  font-family: 'Playfair Display', sans-serif;
  font-weight:100;
}

.about-me #things-I-love{
  font-size:26px;
}
.about-me hr{
  border-top: 1px solid white;
}

.love-list{
  font-size:14px;
}


/*passion block*/
.passion-block{
  padding-top:60px;
}
.passion-block h1{
  font-family: 'Playfair Display', sans-serif;

}
.passion-block hr{
  width:80%;
  margin-top:.5rem;
  margin-top:1rem;
}

.fa-syringe{
  color:#c76900;
}

.fa-infinity{
  color:#004b7f;
}

.fa-dna{
  color: #6ebf7b;
}

.fa-syringe, .fa-infinity, .fa-dna{
  font-size:2em;

}
/*connect with me*/
.fa-facebook-square{
  color:#3b5998;
}
.fa-instagram{
  color:#fbad50;
}
.fa-google{
  color:#db3236;
}
.fa-facebook-square, .fa-instagram, .fa-google{
  font-size:3rem;
  padding: 1rem;
}
.fa-facebook-square:hover, .fa-instagram:hover, .fa-google:hover{
  color:#C4C4C4;
}
.connect h2{
  font-family: 'Playfair Display', sans-serif;
}

#img-blazer{
  max-height:50vh;
}

/*Footer*/
footer{
  background-color:#38383B;
  color: #C4C4C4;
}

footer h4{
  font-size: 16px;
}
footer p{
  font-size: 12px;
}

footer .copyright{
  background-color:white;
  color: #38383B;
}



/*---Media Queries --*/
@media (max-width: 992px) {

  }
@media (max-width: 768px) {
  
}
@media (max-width: 576px) {
  
}






/*---Firefox Bug Fix --*/
.carousel-item {
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
/*--- Fixed Background Image --*/
figure {
  position: relative;
  width: 100%;
  height: 60%;
  margin: 0!important;
}
.fixed-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#fixed {
  background-image: url('img/mac.png');
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}
/*--- Bootstrap Padding Fix --*/
[class*="col-"] {
    padding: 1rem;
}





/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/