style.css

/* ------------Navbar Start------------ */
.heading{
    font-size: 40px;
    font-weight: 20px;
    color: white;
    font-family: 'Notable', sans-serif;
}
.who-we-are-para{
  font-family: 'Cantata One', serif;
  font-family: 'Major Mono Display', monospace;
  font-size: 18px;
  font-weight: 50px;
  color: white;
  padding: top 5px;
}
.carousel-item {
    height: 100vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  @media only screen and (min-width: 200px) and (max-width: 1000px) {
    .carousel-item {
      height: 100px;
      min-height: 300px;
      background: no-repeat center center scroll;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
  }
  .carousel-caption {
    bottom: 250px;
  }
  
  .carousel-caption h5 {
    font-size: 45px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 25px;
  }
  
  .carousel-caption p {
    width: 75%;
    margin: auto;
    font-size: 18px;
    line-height: 1.9;
  }
  
  .navbar-light .navbar-brand {
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
  }
  
  .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: #fff;
  }
  
  .navbar-light .navbar-nav .nav-link {
    color: #fff;
  }
  
  .navbar-toggler {
    background: #fff;
  }
  
  .navbar-nav {
    text-align: center;
  }
  
  .nav-link {
    padding: .2rem 1rem;
    font-family: 'Cantata One', serif;
    font-family: 'Major Mono Display', monospace;
    font-family: 'Oswald', sans-serif;
  }
  
  .nav-link.active,.nav-link:focus{
    color: #fff;
  }
  
  .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: #fff;
  }
  /* ------------Navbar Start End------------ */
  /* ---------------Image Section Start--------- */
  .image-section{
    background-color:black;
  }
  .image-section h1{
    font-family: 'Anton', sans-serif;
    font-size: 60px;
    font-weight: 100px;
    text-transform: uppercase;
    color: #fff;
  }
  @media only screen and (max-width: 600px){
    .image-section{
      width: 100%;
      height: 100%;
    }
    .image-section img
    {
      width: 100%;
    }
  }
  .row.no-gutter {
    margin-left:0;
    margin-right: 0;
  }

  
  .row.no-gutter [class*='col-']:not(:first-child),
  .row.no-gutter [class*='col-']:not(:last-child) {
    padding-right: 0;
    padding-left: 0;
  }
.centered {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
 .fitness{
  font-size: 40px;
  font-weight: 20px;
  color: white;
  font-family: 'Notable', sans-serif;
 }
 .bodybuilding{
  font-size: 40px;
  font-weight: 20px;
  color: white;
  font-family: 'Notable', sans-serif;
 }
 .cardio{
  font-size: 40px;
  font-weight: 20px;
  color: white;
  font-family: 'Notable', sans-serif;
 }
 .crossfit{
  font-size: 40px;
  font-weight: 20px;
  color: white;
  font-family: 'Notable', sans-serif;
 }
  /* -----------Image Section End--------------- */
/* --------------Who we are section Strat------------ */
@media only screen and (min-width:200px) and (max-width: 600px){
  .Who-we-are_wrapper{
    max-width: 100%;
    max-height: 100%;
  }
  }
.Who-we-are_wrapper{
      background-color: black;
      max-height: 100%;
}
.Who-we-are_wrapper h1{
  padding-top: 100px;
  font-family: 'Anton', sans-serif;
    font-size: 60px;
    font-weight: 100px;
    text-transform: uppercase;
    color: #fff;
}
.Who-we-are_wrapper .text-muted{
  font-family: 'Times New Roman', Times, serif;
  color: #fff!important;
  font-size: 30px;
  font-weight: 100px;
  
}

/* -----------Who we are section End----------------- */
/* --------------Fitness for Men ----------------------- */
.fintnessformen-wrapper{
   height: 600px;
   background-color: black;
}
.first-section img{
  padding-top: 60px;
}
.second-section h1
{
  margin-left: 50px;
  padding-top: 100px;
  font-family: 'Anton', sans-serif;
  font-size: 60px;
  font-weight: 100px;
  text-transform: uppercase;
  color: #fff;
}
.second-section h2{
  text-transform: uppercase;
  margin-left: 50px;
  color: #fff;
}
.second-section p{
  text-align: justify;
  margin-left: 50px;
  line-height: 30px;
  font-size: 20px;
  font-weight: 50px;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
@media only screen and (min-width: 200px) and (max-width: 400px){
  .fintnessformen-wrapper{
    max-width: 900px;
  }
  .first-section img{
    width: 100%;
    height: 500px;
    padding-top: 400px;
  }
  .second-section p{
    text-align: center;
  }
}
/* -----------------Fitness for Men End ------------------- */
/* -------------Footer section-------------------------- */
h4{
  color: #fff;
  font-family: 'Cantata One', serif;
  font-family: 'Major Mono Display', monospace;
  font-family: 'Oswald', sans-serif;
}
.wrapper{
  display: flex;
  background-image: url("images/footer\ \(3\).jpg");
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center;
  height: 600px;
}

.company-name,.products,.contact{
  padding-top: 100px;
}
.contact-information{
  color: white;
}
@media only screen and (max-width: 600px){
  .wrapper{
  position: absolute;
  background-image: url("images/footer\ \(3\).jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; 
  height: 500px;
  width: 100%;
  }
}