style.css

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');

html,body{
  height: 100%;
  width: 100%;
  font-family: 'Poppins',sans-serif;
  color: #222;
}

.navbar{
  padding: .8rem;

}
.navbar-nav li{
  padding-right: 1.3rem;
}
.nav-link{
  font-size: 1.1em !important;
}
.carousel-inner img{
  padding-left: 25%;
  padding-right: 25%;
  width:100%;
  height:100%;
}
.carousel-caption{
  position:absolute;
  top: 70%;
  transform: translateY(-70%)
}
.carousel-caption h1{
  font-size: 300%;
  text-transform: uppercase;
  text-shadow: 1px 1px 5px #222;
}
.carousel-caption h3{
  font-size: 200%;
  font-weight: 500;
  text-shadow: 1px 1px 5px #222;
}

.jumbotron{
  padding:1rem;
  border-radius: 0;
}
.padding{
  padding-bottom: 2rem;

}
.welcome{
  margin:0 auto;
}

.social a{
  font-size: 4.5em;
  padding: 3rem;
}

.fa-facebook{
  color: #3b5998;
}

.fa-linkedin-in{
  color: #0e76a8;
}

.fa-github{
  color: #211f1f;
}

.fa-instagram{
  color:#5851DB ;
}

.fa-facebook:hover,.fa-github:hover,.fa-linkedin-in:hover,.fa-instagram:hover{
  color:#d5d5d5;
}



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

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

/*
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) { ... }
*/