@import url('https://fonts.googleapis.com/css?family=Lato|Pacifico|Righteous|Roboto+Condensed|Ubuntu');

body{
  padding: 0;
  margin: 0;
  font-family: 'Lato';
}

.navbar-brand{
  font-family: 'Pacifico';
  font-size: 35px;
  color: lightcoral !important;
}

.nav-link{
  font-size: 16px;
  margin: 15px;
  color: #333 !important;
  font-family: 'Roboto Condensed';
  transition: 0.2s;
}

.nav-link:hover{
  color: #00e8e8 !important;
}

.active .nav-link{
  color: #00e8e8 !important;
}

.menu-right-btn{
  padding: 13px 46px;
  margin-right: 4%;
  background-color: transparent;
  transition: all 300ms ease-in;
}

.menu-right-btn:hover{
  color: #fff;
  background-color: #00e8e8;
}

.site-content{
  background-image: url(../img/img1.jpeg);
  background-attachment: fixed;
  background-size: cover;
}

.site-title, .site-desc{
  color: #fff;
  font-family: 'Righteous';
}

.site-title{
  margin-top: 30%;
  margin-bottom: 6%;
  font-size: 50px;
}

.site-desc{
  font-size: 14px;
  padding-left: 13%;
}

.site-btn1{
  margin-left: 20%;
  background-color: black;
  color: #fff;
}

.site-btn2{
  background-color: white;
}

.site-btn1, .site-btn2{
  margin-top: 5%;
  margin-bottom: 40%;
}

/* Section 1 */
.section-1 .heading-1{
  margin-top: 8%;
}

.section-1 .heading-2{
  margin-bottom: 5%;
  font-size: 39px;
}

.section-1 .para-1{
  width: 60%;
  margin-left: 20%;
  margin-bottom: 5%;
}

.section-1 .card-text, .para-1{
    color: rgb(0, 0, 0, 0.59);
}

.section-1{
  margin-bottom: 8%;
}

.card{
  width: 20rem;
}

/* Section 2 */
.section-2 .container-fluid{
  background-image: url(../img/img5.jpeg);
  background-size: cover;
  background-attachment: fixed;
}

.section-2 .heading-1{
  margin-top: 20%;
  margin-bottom: 4%;
  font-family: 'Righteous';
  width: 80%;
  color: whitesmoke;
}

.section-2 .para{
  width: 80%;
  font-family: 'Ubuntu';
  color: whitesmoke;
  margin-bottom: 7%;
}

.section-2 .btn{
  margin-bottom: 15%;
  width: 30%;
  padding: 2% 5%;
}

/* Section 3 */
.section-3{
  margin-top: 6%;
}

.section-3 i{
  color: #00e8e8;
}

.section-3 p{
  color: rgb(0, 0, 0, 0.59);
}

/* Section 4 */
.section-4{
  margin-top: 8%;
}

.section-4 .row .col-md-7, .col-md-5{
  margin-top: 10%;
  margin-bottom: 10%;
}

.section-4 a{
  color: lightseagreen;
  font-size: 40px;
  text-decoration: none;
}

.section-4 .para-1{
  color: #fff;
  font-family: 'Roboto Condensed';
  margin-top: 7%;
  font-size: 23px;
}

/* Footer */
.social i{
  color: #ef5651;
  font-size: 20px;
}

/* Media Queries */
@media screen and (max-width:768px){
  .section-1 .card{
    width: 14rem;
  }

  .section-4 .col-md-7 img{
    width: 350px;
  }
}

@media screen and (max-width:320px){
  .site-content .site-title{
    font-size: 30px;
    padding: 15%;
  }

  .site-content .site-btn2{
    display: none;
  }

  .site-content .site-btn1{
    margin-left: 15%;
  }

  .section-1 .heading-1, .section-1 .heading-2{
    font-size: 25px;
  }

  .section-1 .col-md-4{
    padding: 5%;
    margin-left: 8%;
  }

  .section-1 .card{
    width: 15rem;
  }

  .section-4 .col-md-5{
    padding: 0 15%;
  }

  .section-4 .col-md-7 img{
    width: 290px;
  }

  footer input[type="button"]{
    margin-top: 5%;
  }
}