/*Fonts Used*/



@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');

/*Thumbnail Images*/

.thumb_left_dd, .thumb_left_dr{  float:left; margin:0 19px 10px 0;}

.thumb_right_dd, .thumb_right_dr{ float:right; margin:0 0 10px 19px;}

.thumb_center_dd, .thumb_center_dr{ display: block; margin: 10px auto;}



/* Text Alignment */

.text_left, .text_left p{text-align: left;}

.text_right, .text_right p{text-align: right;}

.text_center,.text_center p{text-align: center; display: block;}



/* Forms Presets */

::-webkit-input-placeholder {opacity: 1; color: inherit;}

::-moz-placeholder {opacity: 1; color: inherit;}

:-ms-input-placeholder {opacity: 1; color: inherit;}

:-moz-placeholder {opacity: 1; color: inherit;}



/*end preset*/

.clearfix::after, .clearfix::before {

  content: "";

  display: table;

  clear: both;

}

.wrapper{ width:100%; max-width:1400px; margin:0 auto; position:relative;}







body {

    font-family: "Fredericka the Great", serif;

  font-weight: 400;

  font-style: normal;

    line-height: 1.8;

    color: #818181;

    max-width: 1920px; margin: 0 auto; 

    position:relative;

  }

  h1{

    font-size: 24px;

    text-transform: uppercase;

    color: #fff;

    font-weight: 600;

    margin-bottom: 30px;





  }

  h2 {

    font-size: 24px;

    text-transform: uppercase;

    color: #fff;

    font-weight: 600;

    margin-bottom: 30px;

  }

  h4 {

    font-size: 19px;

    line-height: 1.375em;

 

    font-weight: 400;

    margin-bottom: 30px;

  }  



  .navbar{

    background-color: #27ae60;

    padding: 20px;

  }



  .navbar li a, .navbar .navbar-brand {

    color: #fff !important;

  }

  .navbar-nav li a:hover, .navbar-nav li.active a {

    color: #2c3e50 !important;

    background-color: #fff !important;

    text-transform: uppercase; 

    font-size: 19px;

  }

  .navbar-default .navbar-toggle {

    border-color: transparent;

    color: #fff !important;

  }

  

  .wrapper{ width:100%; max-width:1400px; margin:0 auto; position:relative;}

  .jumbotron {

    background-image: linear-gradient(rgba(141, 245, 133, 0.3), rgba(60, 60, 60)),

                  url("../images/babylady.webp");

                  background-size: auto;

                  background-size: cover;

                  background-position: center;

                  background-repeat: no-repeat;

                  min-height: auto;

                  height: 100%;

                  z-index: -1;

                  margin: 0;

                  color:#fff;

               



    

  }

  

  .bg-grey {

    background-color: #f6f6f6;

  }

  .logo-small {

    color: #f4511e;

    font-size: 50px;

  }

  .logo {

    color: #f4511e;

    font-size: 200px;

  }

  /* .thumbnail {

    padding: 0 0 15px 0;

    border: none;

    border-radius: 0;

  }

  .thumbnail img {

    width: 100%;

    height: 100%;

    margin-bottom: 10px;

  } */



  .text-white{

    color:#fff;

  }





        .icon-text i {

            margin-right: 10px; /* Space between icon and text */

        }


        img {
          max-width: 100%;
          width: auto;
          height: 100%;
          min-height: auto;
        }




.main_content{

  background: linear-gradient(to right, #1abc9c, #27ae60, #2c3e50);



  color: #ecf0f1;

  padding: 20px;

  height: auto;



}

.main_content1{

  color:#2c3e50;

}

.main_content1 .col-md-6 h3, p{

margin-top: 20px;

}

.main_content2{

  background-color:#2c3e50 ;

  color: #ecf0f1;

  padding: 20px;

  height: auto;



}



.footer_con{

  padding: 20px;

  height: auto;

  color: #2c3e50;

}



 .jumbotron_holder{

  padding-top: 120px;

 }

  





      

footer {

  background-color: #2c3e50;

  padding: 20px 0;

 

}

.footer-links a, p {

  margin-right: 15px;

  color: #fff;

  

}

.social-icons a{

  margin-right: 10px;

  color: #fff;

}

.social-icons h5{

  color: #fff;

}

.footer-text {

  margin-top: 10px;

  color: #fff;

  

}

        



.slideanim {visibility:hidden;}

.slide {animation-name: slide;-webkit-animation-name: slide;animation-duration: 1s;-webkit-animation-duration: 1s;visibility: visible;}

  @keyframes slide {

    0% {

      opacity: 0;

      transform: translateY(70%);

    } 

    100% {

      opacity: 1;

      transform: translateY(0%);

    }

  }

  @-webkit-keyframes slide {

    0% {

      opacity: 0;

      -webkit-transform: translateY(70%);

    } 

    100% {

      opacity: 1;

      -webkit-transform: translateY(0%);

    }

  }