/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 @media screen and (min-width: 671px) {
 .uk-heads{
 border: 3px solid #ffffff;
    background-color: rgba(84, 67, 35, 0.6);
    padding: 40px;
    font-size: 72px;
    line-height: 80px;
}
}

   @media screen and (max-width: 832px) {
  .uk-heads {
    border: 3px solid #ffffff;
    background-color: rgba(84, 67, 35, 0.6);
    padding: 40px;
    font-size: 43px;
    line-height: 80px;
  }
}

   @media screen and (max-width: 586px) {
  .uk-heads {
    border: 3px solid #ffffff;
    background-color: rgba(84, 67, 35, 0.6);
    padding: 40px;
    font-size: 30px;
    line-height: 80px;
  }
}
    
    
    @media screen and (max-width: 476px) {
  .uk-heads {
    border: 3px solid #ffffff;
    background-color: rgba(84, 67, 35, 0.6);
    padding: 40px;
    font-size: 15px;
    line-height: 80px;
  }
}

    
    @media screen and (min-width: 1219px) {
  .uk-christo {
   margin-top: 20px; 
   
  }
}


    
    @media screen and (min-width: 1219px) {
  .uk-christo1 {
   margin-bottom: 31px !important; 
   
  }
}

@media (max-width: 1111px){
.tm-panel-header > .uk-panel-title {
    margin-bottom: 25px;
    padding-bottom: 25px;
    font-size: 43px;
    line-height: 40px;
}
}

#save-success {
    transition: opacity 0.4s ease-in-out;
}
.fadein, .fadeout {
    opacity: 0;
}
.fadein {
    opacity: 1;
}