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

body{
    background: #fbfbff;
    padding-top: 65px;
    font-family: 'Roboto', sans-serif;
}

h2{
  color: #383F51;
}
/* NAVBAR */

.navbar{
  background: #fbfbff;
}

.nav-item{
  margin:10px
}
.navbar-light .navbar-brand {
  color:#383F51;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 2px;
}

.navbar-light .navbar-brand:hover{
  color: #383F51;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: #fa7921;
}

.navbar-light .navbar-nav .nav-link {
  color: #383F51;
}

.navbar-toggler {
  background: #fff;
}

.navbar-nav {
  text-align: center;
}

.nav-link {
  padding: .2rem 1rem;
}

.nav-link.active,.nav-link:focus{
  color: #fa7921
}

.navbar-toggler {
  padding: 1px 5px;
  font-size: 18px;
  line-height: 0.3;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #fa7921
}

  
   /*JUMBOTRON*/

.jumbotron{
    background-color: #383F51;
   
  }
.display-4{
  color: #fbfbff
}

.lead{
  color: #fa7921;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-weight: 100;
}

.headshot{
  display: block;
  margin-right: auto;
  margin-left: auto;
} 

/*Portfolio Cards*/
  
.sb-preview {
  margin-bottom: 30px;
  
 }
 
 .card-img-top:hover
 {
   opacity:.7
 }
 
 
 .col-lg-4,.col-md-6 {
   
     padding-right: 15px;
     padding-left: 15px;
 }
 
 .sb-preview .card {
     border: 2px solid #ededed;
     box-shadow: 0 4px 2px 0 rgba(0,0,0,.1);
     background: #383F51;
 }
 
 .sb-preview .card .card-footer {
     padding: .75rem 1.5rem 1.5rem;
     border: 0;
     background: 0 0;
 }
 
 .card-img-top {
     width: 100%;
     border-top-left-radius: calc(.25rem - 1px);
     border-top-right-radius: calc(.25rem - 1px);
 }
 
 .row:hover .card{
   filter:blur(5px);
   opacity:.5;
   transform: scale(1);
   box-shadow:none;
 }
 .row:hover .card:hover{
   transform:scale(1);
   filter:blur(0px);
   opacity:1;
   box-shadow:0 8px 20px 0px rgba(250, 121, 33, .5);
 }

 .card-title{
   color: #fbfbff
 }

 .card-text{
   color: #fa7921;
 }

 /*PortfolioSections*/

.carousel{
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  margin-top: 50px;
}

/*outgoingbuttons*/

.btn-primary{
  color: #fbfbff;
  background-color: #383F51;
  border-color: #fa7921;
}

.btn-primary:hover{
  background-color: #fa7921;
  border-color: #383F51;
}

iframe{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.bi{
  color: #fa7921;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}


p{
  font-size: 125%;
  color: #383F51;
  max-width: 1000px;
  font-weight: 300;
}

.img-fluid{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

strong{
  color: #fa7921;
  font-size: 160%;
}

i{
  font-size: 50%;
}
h1{
  color: #fa7921;
  font-weight: 900;
}