html{

	/* BACKGROUND IMAGE */
  /*	background: url(../img/forest_bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	/* BACKGROUND IMAGE end */
}

body {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: #fdebb9;

  font-family: 'Roboto Mono';
  font-size: 20px;
  color:#000000;

  /* *** Better Font Rendering *** */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a           { text-decoration: none; }
a:hover     { text-decoration: none; }
a:link      { text-decoration: none; }
a:visited   { text-decoration: none; }
a:active    { text-decoration: none; }

ul{ list-style-type: none; }

img{
    width:100%;
    height:auto;
    display:block;
}

input, input[type="text"] , textarea{

    /* *** Disable iphone input field rounding corners *** */
    -webkit-appearance: none; 
    -webkit-border-radius:0; 
    border-radius: 0; 
    outline: none;
    
    position:relative;
    caret-color: #000000;
    color: #000000;
    /*font-family: 'Century Gothic';*/

    /*-webkit-text-fill-color: #ffffff !important;*/
    /*font-size: 14px;*/
}

input:-webkit-autofill {
    /*-webkit-box-shadow: 0 0 0 30px #8bb8ca inset;*/
    /*-webkit-text-fill-color: #ffffff !important;*/
}

textarea{
    resize: vertical;
    width: 100%;
    border: none;
    outline: none;
    box-sizing: border-box;
    background: #fff;
}

::placeholder {
    color: #000000;
}


.hide_me{display:none;}
.show_me{display:block;}

.overlay {
  
/*  background: rgba(91, 29, 2, 0.5);
    background: -moz-linear-gradient(left, rgba(2, 91, 14, 0.5) 0%, rgba(91, 29, 2, 0.5) 100%); 
    background: -webkit-linear-gradient(left, rgba(2, 91, 14, 0.5) 0%, rgba(91, 29, 2, 0.5) 100%);
    background: linear-gradient(to right, rgba(2, 91, 14, 0.5) 0%, rgba(91, 29, 2, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(2, 91, 14, 0.5)', endColorstr='rgba(91, 29, 2, 0.5)',GradientType=1 );  */

/*  background: url(../img/image.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */

    /* -webkit-filter: blur(5px);
    filter: blur(5px); */

    position: fixed;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

/* *********** tables ********************* */
.tTable{
    display:table;
    width:100%;
    height:100%;
}
  .tCell{
      display:table-cell;
      vertical-align:middle;
  }
/* *********** tables end ***************** */

/* ************ container ***************** */
.container, .container-lg, .container-sm, .container-xs {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.container-lg {width: 1670px;/* background-color: #dccda3; */}
.container    { width: 1170px; }
.container-sm { width: 1070px; }
.container-xs { width: 900px;  }


@media screen and (max-width: 1799.98px) {
    .container-lg { width: 1570px; }
}



@media screen and (max-width: 1599.98px) {
    .container-lg { width: 1270px; }
}


@media screen and (max-width: 1299.98px) {
  .container-lg { width: 970px; }
  .container    { width: 950px; }
  .container-sm { width: 930px; }
  .container-xs { width: 850px; }
}


@media screen and (max-width: 991.98px) {
  .container-lg { width: 100%; }
  .container    { width: 720px; }
  .container-sm { width: 700px; }
  .container-xs { width: 650px; }
}    
    

@media screen and (max-width: 767.98px) {
  .container-lg { width: 100%; }
  .container    { width: 530px; }
  .container-sm { width: 520px; }
  .container-xs { width: 500px; }
}


@media screen and (max-width: 575.98px) {    
  .container-lg { width: 100%;  }
  .container    { width: 440px; }
  .container-sm { width: 420px; }
  .container-xs { width: 400px; }
}

@media screen and (max-width: 479.98px) {   

  .container-lg{
      width: 100%;
  } 

  .container, .container-sm, .container-xs{
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
  }

}

/* ************ container end ************* */

/* ***************** MAIN ***************** */

.main{
  overflow-x: hidden;
}

.home-1{
  position: relative;
  width: 100%;
  padding: 130px 0 180px 0;
  min-height: 800px;
}
  .since-box{
    position: relative;
    /* width: 920px; */
    margin: 0 auto;
    background-image: url(../img/blue-bg.png);
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    /* padding: 100px 160px 100px 160px; */
    padding: 50px 50px 50px 50px;
    color: #fdebb9;
    text-align: center;
    z-index: 80;
  }

    .since-box-wrapper{
      position: relative;
      width: 100%;
      margin: 0 auto;
    }
      .since-box-wrapper h2{
        font-family: 'Retro slab serif';
        font-size: 47px;
        letter-spacing: 0.1em;
        font-weight: normal;
      }
      .since-box-wrapper h1, .since-box-wrapper p{
        font-family: 'Roboto Mono';
        font-size: 14px;
        /* line-height: 0.2em !important; */
        font-weight: unset;
        /* display:inline; */
        /* margin-block-start: 0px; */
        /* margin-block-end: 0; */
      }
      .scroll-btn{
        position: relative;
        width:20px;
        margin: 0 auto;
        padding: 20px 0;
        -webkit-animation: animate-it 3s ease infinite;
        animation: animate-it 3s ease infinite;
      }


/* vertical animation */
@-webkit-keyframes animate-it {
  0%, 60%, 80%, 100% { -webkit-transform: translateY(0);}
  20% {-webkit-transform: translateY(-5px);}
  40% {-webkit-transform: translateY(20px);}
}
@keyframes animate-it {
  0%, 60%, 80%, 100% {transform: translateY(0);}
  20% {transform: translateY(-5px);}
  40% {transform: translateY(20px);}
}





.products{
  position: relative;
  width: 100%;
  margin: 20px 0 60px 0;
}
  .products-wrapper{
    position: relative;
    width: 100%;
    font-size: 0;
    padding: 10px;
  }
    .prod1, .prod2, .prod3{
      position: relative;
      width: calc(100%/3);
      display: inline-block;
      font-size: 14px;
      vertical-align: middle;
      text-align: center;
      padding: 6px;
      color: #d14e52;
    }
    .prod1{

    }
    .prod2{

    }
      .prod2 .title-icon{
        position: relative;
        width: 150px;
        margin: 20px auto;
      }
      .prod2 .title-txt{
        /* font-family: 'Retro slab serif'; */
        font-size: 47px;
        /* font-weight: normal; */
        font-family: 'AmericanType ITC Hel';
        font-weight: bold;
      }
      .prod2 .title-descr{
        font-family: 'Roboto Mono';
        font-size: 16px;
      }
          .prod2 .title-descr span{
            font-weight:500;
          }
      .prod2 .title-button{
        background-image: url(../img/button-bg-1.png);
        -moz-background-size:100% 100%;
        -webkit-background-size:100% 100%;
        background-size:100% 100%;
        max-width: 376px;
        height: 91px;
        padding: 34px;
        font-family: 'Retro slab serif';
        font-size: 25px;
        font-weight:bold;
        font-weight: normal;
        margin: 10px auto;
      }
      .prod2 .title-button:hover{
        background-image: url(../img/button-bg-1-hover.png);
      }
      .prod2 .title-button a{
        color:#fdecba
      }
          
    .prod3{

    }

@media screen and (max-width: 1599.98px) {
  .home-1{
    padding: 100px 0 180px 0;
  }
}

@media screen and (max-width: 1299.98px) {
  .home-1{
    padding: 80px 0 140px 0;
  }
}

@media screen and (max-width: 991.98px) {
  .home-1{
    padding: 30px 0 120px 0;
  }


    .products-wrapper{
    position: relative;
    width: 100%;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
    .prod1, .prod2, .prod3{width: 100%;}
    .prod1{
      -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
      -ms-flex-order: 2;              /* TWEENER - IE 10 */
      -webkit-order: 2;               /* NEW - Chrome */
      order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
    .prod2{
      -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
      -ms-flex-order: 1;              /* TWEENER - IE 10 */
      -webkit-order: 1;               /* NEW - Chrome */
      order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
    .prod3{
      -webkit-box-ordinal-group: 3;   /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-ordinal-group: 3;      /* OLD - Firefox 19- */
      -ms-flex-order: 3;              /* TWEENER - IE 10 */
      -webkit-order: 3;               /* NEW - Chrome */
      order: 3;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }

    .prod2 .title-button{
        width: 280px;
        height: 80px;
        padding: 30px;
        font-size:20px
      }


}

/*Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) {

  .home-1{
    padding: 20px 0 100px 0;
    min-height: 800px;
  }


}


/* NEW-PORDUCTS */
.new-products{
  position: relative;
  width: 100%;
  padding: 60px 0 0px 0;
  /*   min-height: 800px; */
}
  .new-products-box{
    position: relative;
    /* width: 920px; */
    margin: 0 auto;
    background-image: url(../img/products-bg.png);
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    padding: 20px 160px 20px 160px;
    color: #fdebb9;
    text-align: center;
    z-index: 80;
  }


    .new-products-flowers-before{
      position:absolute;
      width: 66px;
      left: 0;
      top: 50%;
      transform: translate(-180% , -50%);
    }
    .new-products-flowers-after{
      position:absolute;
      width: 66px;
      right: 0;
      top: 50%;
      transform: translate(170% , -50%);
    }

    .new-products-box-wrapper{
      position: relative;
      width: 100%;
      margin: 0 auto;
    }
      .new-products-box-wrapper h2{
        font-family: 'Retro slab serif';
        font-size: 30px;
        line-height: 1.0em;
        font-weight: normal;
        /* font-family: 'Retrosans'; */
      }
      .new-products-box-wrapper h1, .new-products-box-wrapper p{
        font-family: 'Roboto Mono';
        font-size: 14px;
        /* line-height: 0.2em !important; */
        font-weight: unset;
        /* display:inline; */
        /* margin-block-start: 0px; */
        /* margin-block-end: 0; */
      }
      .new-products .title-button-wrapper{
        position: relative;
        margin-top: -30px;
        z-index: 100;
      }
        .new-products .title-button{
          background-image: url(../img/button-bg-3.png);
          -moz-background-size:100% 100%;
          -webkit-background-size:100% 100%;
          background-size:100% 100%;
          max-width: 376px;
          height: 91px;
          padding: 30px;
          font-family: 'Retro slab serif';
          font-family: 'AmericanType ITC Hel';
          font-size: 25px;
          font-weight:bold;
          /* font-weight: normal; */
          margin: 10px auto;
          color: #fdebb9;
          letter-spacing: 0.05em;
          text-align: center;
        }
        .new-products .title-button:hover{
          background-image: url(../img/button-bg-3-hover.png);
        }

    .new-products .title-icon{
      position: relative;
      width: 150px;
      margin: 20px auto;
    }
    .new-products .title-txt{
      /* font-family: 'Retro slab serif'; */
      font-size: 47px;
      /* font-weight: normal; */
      font-family: 'AmericanType ITC Hel';
      font-weight: bold;
      text-align:center;
      padding-bottom:20px;
      color: #2a588d;
    }

  .heart-after{
    position:relative;
    padding:30px 0;
  }
  .heart-img{
    position:relative;
    width:110px;
    margin:0 auto;
  }


.breads{
  position: relative;
  width: 100%;
  margin-top: -60px;
  padding-bottom: 150px;
}

  .bread-seeds-before{
    position:absolute;
    width: 240px;
    left: 0;
    top: 0;
    transform: translate(-100% , 50%);
  }
  .bread-seeds-after{
    position:absolute;
    width: 240px;
    right: 0;
    bottom: 0;
    transform: translate(100% , -50%);
  }
  .breads-wrapper{
    position: relative;
    width: 100%;
  }
    .bread{
      position: relative;
      display:inline-block;
      padding: 0 20px;
    }
    .bread-1{
      width: calc(50% - 8px);
      /* padding: 0 80px; */
    }
      .bread-1 .bread-inner{
        max-width:614px;
        margin:0 auto;
      }
    .bread-2{
      width: calc(50% - 8px);
      /* padding: 0 80px; */
    }
      .bread-2 .bread-inner{
        max-width:614px;
        margin:0 auto;
      }
    .bread-3{
      width: 100%;
      padding: 0 100px;
    }
      .bread-3 .bread-inner{
        max-width:970px;
        margin:0 auto;
      }




/*Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {
    .new-products-flowers-before{
      width: 160px;
    }
    .new-products-flowers-after{
      width: 160px;
    }
}

/*Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {
  .new-products-box{
    padding: 90px 70px;
  }

  .new-products .title-button{
    font-size: 16px;
    max-width: 260px;
    height: 80px;
    padding: 30px;
  }

  .new-products .title-txt{
      font-size: 26px;
    }
  
  .new-products-box{
    background-image: url(../img/products-bg-mobile.png);
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;

  }
  
}

/*Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) {

    .breads{
      margin-top: -60px;
      padding-bottom: 220px;
    }

    .bread-1, .bread-2{
      width:100%;
      padding: 0 50px;
    }
    .bread-3{
      width: 100%;
      padding: 0 20px;
    }

}

/*Extra small devices (portrait phones, less than 480px)*/
@media screen and (max-width : 479.98px) {
  .new-products-box{
    padding: 100px 60px;
  }
}

/* NEW-PORDUCTS end */


/* BLE MILOS RENAME POPUP */
.no-scroll-screen, .no-scroll-screen .main {
  max-height: 100vh;
  overflow: hidden;
}

#renamePopup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(253, 236, 186, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}

#renamePopup.show {
  opacity: 1;
  visibility: visible;
}

#renamePopup .container-lg {
  background-color: rgb(253, 236, 186);
  width: 1200px;
  height: 75vh;
  display: flex;
  align-items: center;
}

#renamePopup .close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 999;
}

#renamePopup .close img {
  width: auto;
  max-width: 100%;
}

#renamePopup .covid-box {
  width: auto;
  max-width: 1075px;
  padding: 90px 120px 80px;
}

#renamePopup .covid-box-wrapper p {
  font-size: 18px;
}

#renamePopup .covid-flowers-before {
  transform: translate(-29% , -39%);
}

#renamePopup .covid-flowers-after {
  transform: translate(25% , 75%);
}

@media screen and (max-width:767px) {
  #renamePopup .close {
    max-width: 26px;
  }

  #renamePopup .covid-box {
    padding: 50px 40px;
    margin: 0 20px;
  }

  #renamePopup .covid-box-wrapper p {
    font-size: 14px;
  }

  #renamePopup .covid-flowers-before {
    transform: translate(-10% , -37%);
  }

  #renamePopup .covid-flowers-after {
    transform: translate(0 , 75%);
  }
}

@media screen and (min-width:768px) and (max-width: 1199px) {
  #renamePopup .covid-box {
    padding: 50px 40px;
    max-width: 640px;
  }
  #renamePopup .covid-flowers-before {
    transform: translate(-29% , -37%);
  }
}
/* BLE MILOS RENAME POPUP end */


/* COVID-19 */
.covid{
  position: relative;
  width: 100%;
  padding: 60px 0 60px 0;
/*   min-height: 800px; */
}
  .covid-box{
    position: relative;
    /* width: 920px; */
    margin: 0 auto;
    background-image: url(../img/covid-bg.png);
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    padding: 20px 160px 20px 160px;
    color: #fdebb9;
    text-align: center;
    z-index: 80;
  }

  .covid-seeds-before{
    position:absolute;
    width: 240px;
    left: 0;
    top: 0;
    transform: translate(-100% , 0%);
  }
  .covid-seeds-after{
    position:absolute;
    width: 240px;
    right: 0;
    bottom: 0;
    transform: translate(100% , 19%);
  }


    .covid-flowers-before{
      position:absolute;
      width: 240px;
      left: 0;
      top: 0;
      transform: translate(-30% , -50%);
    }
    .covid-flowers-after{
      position:absolute;
      width: 240px;
      right: 0;
      bottom: 0;
      transform: translate(30% , 50%);
    }

    .covid-box-wrapper{
      position: relative;
      width: 100%;
      margin: 0 auto;
    }
      .covid-box-wrapper h2{
        font-family: 'Retro slab serif';
        font-size: 30px;
        line-height: 1.0em;
        font-weight: normal;
        /* font-family: 'Retrosans'; */
      }
      .covid-box-wrapper h1, .covid-box-wrapper p{
        font-family: 'Roboto Mono';
        font-size: 14px;
        /* line-height: 0.2em !important; */
        font-weight: unset;
        /* display:inline; */
        /* margin-block-start: 0px; */
        /* margin-block-end: 0; */
      }


/*Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {
    .covid-flowers-before{
      width: 160px;
    }
    .covid-flowers-after{
      width: 160px;
    }
}

/*Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {
  .covid-box{
    padding: 90px 70px;
  }
}


/*Extra small devices (portrait phones, less than 480px)*/
@media screen and (max-width : 479.98px) {
  .covid-box{
    padding: 100px 60px;
  }
}

/* COVID-19 end */

/* CONTACT */
.contact{
  position: relative;
  width: 100%;
  padding: 60px 0 60px 0;
/*   min-height: 800px; */
}
  .contact-box{
    position: relative;
    max-width: 700px;
    margin: 0 auto;
    background-image: url(../img/contact-bg.png);
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    padding: 40px 60px 40px 60px;
    color: #fdebb9;
    text-align: center;
    z-index: 80;
  }
  .contact-box a{
    color: #fdebb9;
  }
  .contact-box a:hover{
    text-decoration:underline;
  }

    .contact-flowers-before{
      position:absolute;
      width: 240px;
      left: 0;
      top: 0;
      transform: translate(-30% , -50%);
    }
    .contact-flowers-after{
      position:absolute;
      width: 240px;
      right: 0;
      bottom: 0;
      transform: translate(30% , 50%);
    }

    .contact-box-wrapper{
      position: relative;
      width: 100%;
      margin: 0 auto;
    }
      .contact-box-wrapper h2{
        /* font-family: 'Retro slab serif'; */
        font-size: 48px;
        line-height: 1em;
        margin-block-start: 0;
        /* margin-block-end: 0; */
        font-weight: normal;
        /* font-family: 'Retrosans'; */
        font-family: 'Retrosans';
      }
      .contact-box-wrapper h1, .contact-box-wrapper p{
        font-family: 'Roboto Mono';
        font-size: 14px;
        /* line-height: 0.2em !important; */
        font-weight: unset;
        /* display:inline; */
        /* margin-block-start: 0px; */
        /* margin-block-end: 0; */
      }


/*Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {
    .contact-flowers-before{
      width: 160px;
    }
    .contact-flowers-after{
      width: 160px;
    }

    .contact-box-wrapper h2{
      /* font-family: 'Retro slab serif'; */
      font-size: 24px;
    }
}

/*Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {
  .contact-box{
    padding: 40px 40px;
  }
}


/*Extra small devices (portrait phones, less than 480px)*/
@media screen and (max-width : 479.98px) {
  .contact-box{
    padding: 100px 60px;
  }
}

/* CONTACT end */



.video-section{
    position: relative;
    width: 100%;
    margin: 20px 0 60px 0;
}

.video-section .video-button{
  background-image: url(../img/button-bg-2.png);
  -moz-background-size:100% 100%;
  -webkit-background-size:100% 100%;
  background-size:100% 100%;
  width: 110px;
  height: 50px;
  padding: 12px 12px 12px 2px;
  font-family: 'Retro slab serif';
  font-size: 25px;
  font-weight:bold;
  font-weight: normal;
  margin: 60px auto;
  text-align: center;
  color: #fdebb9;
}

.video-wrapper{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.video-wrapper iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

.video-left-design{
  position: absolute;
  width: 170px;
  top: 20%;
  left:0;
  transform: translateX(-150%);
}
.video-right-design{
  position: absolute;
  width: 170px;
  top: 20%;
  right:0;
  transform: translateX(150%);
}


.social-section{
  position: relative;
}

  .footer-left-design{
    position: absolute;
    width: 470px;
    bottom: -21px;
    left:0;
    transform: translateX(-115%);
    z-index: 10;
  }
  .footer-right-design{
    position: absolute;
    width: 530px;
    bottom: 0%;
    right:0;
    transform: translateX(100%);
  }

  .social-wrapper{
    position: relative;
    margin:0 auto;
    width: 450px;
    padding:20px;
    text-align: center;
    font-family: 'Retrosans';
    /* font-size: 50px; */
    color:#d14e52;
  }

    .social-left-design{
      position: absolute;
      width: 60px;
      top: 5%;
      left:0;
      transform: translateX(-150%);
    }
    .social-right-design{
      position: absolute;
      width: 60px;
      top: 5%;
      right:0;
      transform: translateX(150%);
    }
    .social-title{
      position: relative;
      margin:0 auto;
      font-size: 50px;
      letter-spacing: .08em;
    }
    .social-icons{
      position: relative;
      margin:0 auto;
      padding: 20px 0;
    }
      .social-icons a{
        padding: 20px 20px;
        font-size: 70px;
        color: #2a588d;
      }
      .social-icons a:hover{
        color: #1d416b;
      }
    .social-bottom-row{
      position: relative;
      margin: 30px auto;
      width: 310px;
    }
      .bottom-row-img{
        position: relative;
        width: 100%;
      }
    .social-ribbons{
      position: relative;
      margin:0 auto;
    }
      .ribbon-1, .ribbon-2{
        position: relative;
        display: inline-block;
        width: 150px;
        padding: 30px;
      }
      .ribbon-1{

      }
      .ribbon-2{

      }


.text-section{
  padding: 40px 0;
}

.text-section, .text-section p, .text-section p a{
    font-family: 'Roboto Mono';
    font-weight: 500;
    color: #2a588d;
}

.text-section h1{
    text-align : center;
    font-family: 'Retro slab serif';
}

.text-section h3{

}


.spacer-section{
  position: relative;
}

  .spacer-wrapper{
    position: relative;
    width:100%;
    height: 700px;
  }

  .spacer-left-design{
    position: absolute;
    width: 450px;
    bottom: -21px;
    left:0;
    /* transform: translateX(-115%); */
    z-index: 10;
    display: inline-block;
  }
  .spacer-right-design{
    position: absolute;
    width: 450px;
    bottom: 0%;
    right:0;
    /* transform: translateX(-100%); */
    z-index: 10;
    display: inline-block;
  }



.theFooter{
  text-align: center;
  color: #fdebb9;
  background-color: #998b64;
  position: relative;
  width: 100%;
  display: inline-block;
  font-family: 'Roboto Slab';
}


.theFooter a{
  color: #fdebb9;
}
.theFooter a:hover{
  text-decoration:underline;
}


/*Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {
  .since-box{
    /* padding: 90px 70px; */
  }
  .since-box-wrapper h2{
    font-size: 30px;
  }
  .since-box-wrapper h1, .since-box-wrapper p{
    font-size: 14px;
  }


  .spacer-left-design{
    width: 450px;
    bottom: -21px;
    left:0;
    transform: translateX(-50%);

  }
  .spacer-right-design{
    width: 450px;
    bottom: 0%;
    right:0;
    transform: translateX(50%);

  }



  .theFooter{
    font-size:16px
  }
}

/*Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) {
  .social-title{
    font-size: 30px;
  }
  .social-icons a{
    padding: 20px 10px;
    font-size: 40px;
  }


  .spacer-wrapper{
    height: 400px;
  }
  .spacer-left-design{
    width: 250px;
    bottom: -10px;
    left:0;
    transform: translateX(-00%);
  }
  .spacer-right-design{
    width: 250px;
    bottom: 0%;
    right:0;
    transform: translateX(00%);
  }

}


/*Extra small devices (portrait phones, less than 576px)*/
@media screen and (max-width: 575.98px) {
  .social-wrapper{
    width: 100%;
  }


  .spacer-left-design{
    transform: translateX(-50%);
  }
  .spacer-right-design{
    transform: translateX(50%);
  }

}

/*Extra small devices (portrait phones, less than 480px)*/
@media screen and (max-width : 479.98px) {
  .since-box{
    /* padding: 100px 60px; */
  }
  .since-box-wrapper h2{
    font-size: 24px;
  }
  .since-box-wrapper h1, .since-box-wrapper p{
    font-size: 12px;
  }



}


/* ***************** MAIN END ************* */

/* =========  Mobile First Method  ======== */

/*Extra small devices (portrait phones, 480px and up)*/
@media screen and (min-width : 480px) {

}

/*Small devices (landscape phones, 576px and up)*/
@media screen and (min-width: 576px) {

}

/*Medium devices (tablets, 768px and up)*/
@media screen and (min-width: 768px) {

}

/*Large devices (desktops, 992px and up)*/
@media screen and (min-width: 992px) {

}

/*Extra large devices (large desktops, 1200px and up)*/
@media screen and (min-width: 1200px) {

}

/*==========  Non-Mobile First Method  ==========*/

/*Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {

}

/*Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {

}

/*Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) {

}

/*Extra small devices (portrait phones, less than 576px)*/
@media screen and (max-width: 575.98px) {

}

/*Extra small devices (portrait phones, less than 480px)*/
@media screen and (max-width : 479.98px) {

}