@import url('https://fonts.googleapis.com/css2?family=Cedarville+Cursive&display=swap');
body{
    margin: auto;
}
.logo{
    margin-top: 70px;
}

.mynav{
    margin-top: 50px;
    height: 45px;
    border-bottom: 2px solid orange;
    border-top: 2px solid orange;
}
.nav-item{
    display: inline-block;
    text-decoration: none;
    
}
.nav-link{
    margin-left: 0px;
    color: red;
    cursor: pointer;
    font-family: 'Cedarville Cursive', cursive;
    font-size: 22px;
    display: inline-block;
    text-decoration: none;
}

.active{
    color: orange;
}

a:hover{
    color: orange;
}
@media only screen and (max-width: 768px) {
    .mynav{
        height: 100px;
    }
    li{
        display: grid;
    }
    .mt-5{
        text-align: center;
    }
}
@media only screen and (max-width: 568px){
    .mynav{
        height: 200px;
    }
    .mt-5{
        text-align: center;
        margin-left: -80px;
    }
}
.btnn{
    margin-top: 50px;
}

.main{
    margin-top: 50px;
    
}
.column1, .column2 {
    float: left;
    padding: 5px;
  }
  .column1{
      width: 70%;
  }
  .column2{
      width: 30%;
  }
  
  /* Clear floats after image containers */
  .row::after {
    content: "";
    clear: both;
    display: table;
  }
  .second-img{
    margin-top: 10px;
  }
  .first-img{
      width: 50%;
      height: 300px;
  }
  .c-img{
      padding-right: 10px;
  }
  .d-img{
      float: right;
  }
  .img-text{
    font-family: 'Cedarville Cursive', cursive;
    font-size: 30px;
    text-align: center;
    color: tomato;
  }
  @media only screen and (max-width: 768px) {
    .column1{
        width: 100%;
    }
    .column2{
        width: 100%;
    }
    .first-img{
        width: 100%;
    }
    .c-img{
        padding-right: 0px;
    }
    
}
.desti{
    color: orange;
    margin-top: 20px;
}
.story{
    margin-top: 100px;
}

.subtitle-39191{
    color: grey;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
font{
    font-family: 'Cedarville Cursive', cursive;
    line-height: 1.7;
    color: tomato !important;
    font-weight: 300;
    font-size: 1.7rem;
    /* font-family: "Work Sans", sans-serif; */
}

.team{
    height: 630px !important;
    width: 310px !important;
    border: 2px solid #ec1f18;
    background-color: #f5e4c4;
    margin-top: 50px !important;
}

.px-4{
    font-family: 'Cedarville Cursive', cursive;
    line-height: 1.7;
    color: #fa4a4a !important;
    font-weight: 300;
    font-size: 1rem;
    
    margin-top: 20px;
    
    text-align: center;
}

.caption .mb-4{
    font-size: 9px;
    color: pink !important;
    /* font-weight: bold !important; */
}

.social-f{
    color: rgb(75, 147, 241);
    font-size: 25px;
    padding-right: 15px;
    margin-top: -200px;
    text-align: center;
    /* font-family: Arial, Helvetica, sans-serif; */
}
.social-t{
    color: rgb(76, 176, 243);
    font-size: 25px;
    padding-right: 15px;
    margin-top: -200px;
    text-align: center;
    /* font-family: Arial, Helvetica, sans-serif; */
}
.social-i{
    color: rgb(255, 68, 162);
    font-size: 25px;
    padding-right: 15px;
    margin-top: -200px;
    text-align: center;
    /* font-family: Arial, Helvetica, sans-serif; */
    
}
.social-w{
    color: rgb(44, 226, 90);
    font-size: 25px;
    padding-right: 20px;
    margin-top: -200px;
    /* font-family: Arial, Helvetica, sans-serif; */
    
}
.social-b{
    color: rgb(255, 166, 0);
    font-size: 25px;
    padding-right: 20px;
    /* font-family: Arial, Helvetica, sans-serif; */
}
.social-p{
    color: grey;
    font-size: 25px;
    padding-right: 20px;
    margin-top: -200px;

    /* font-family: Arial, Helvetica, sans-serif; */
}
.social-m{
    color: brown;
    font-size: 25px;
    padding-right: 20px;
    margin-top: -200px;
    /* font-family: Arial, Helvetica, sans-serif; */
}
/*  */
.social_29128, .mt-5{
    align-content: center;
}

.social-f:hover{
    color: rgb(252, 16, 16)!important;
}
.social-t:hover{
    color: rgb(252, 16, 16)!important;
}
.social-i:hover{
    color: rgb(252, 16, 16)!important;
}
.social-w:hover{
    color: rgb(252, 16, 16)!important;
}
.social-p:hover{
    color: rgb(252, 16, 16)!important;
}
.social-b:hover{
    color: rgb(252, 16, 16)!important;
}
.social-m:hover{
    color: rgb(252, 16, 16)!important;
}




.footer{
    margin-top: 70px;
    margin-bottom: 20px;
    border-top: 2px solid orange;
    border-bottom: 2px solid orange;
    height: 170px;
}



.foot-head{
    margin-top: 10px;
    color: orange;
}


.quick{
   text-align: center;
   padding-top: 10px;
}
.listed{
/*    text-align: center;*/
    color: red !important;
    margin-top: -10px;
    line-height: 30px;
    text-decoration: none;
    font-family: 'Cedarville Cursive', cursive;
}
.foo:hover{
    color:orange;
}

.rr{
    margin-left: 70px;
}
.mail{
    text-decoration: none;
    color: tomato;
    font-size: 15px;
    margin-top: 20px;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .footer{
        height: 330px; 
    }
    .social_29128{
        padding-left: 80px;
        margin-left: -50px;
    }
}

    .social_29128{
        padding-left: 80px;
        margin-left: -50px;
    }

.copyright{
    text-align: left;
    font-size: 10px;
    color: tomato;
    margin-top: 5px;
}
.c-mail{
    margin-left: 0px;
    font-size: 20px;
    font-weight: bold;
    font-style: normal !important;
    font-family: Arial, Helvetica, sans-serif;
}
.c-social{
    list-style: none;
    /* margin-left: -100px; */
    margin-top: -40px;
}
.green{
    color: green;
}

.item-img{
    width: 300px;
    height: 300px;
}

.click-img{
    font-family: 'Cedarville Cursive', cursive;
    color: red;
    font-size: 25px;
    text-align: center;
    margin-left: 0px;
}