/* Enter Your Custom CSS Here */

/* Enter Your Custom CSS Here */
.bounce {
  position:fixed;
  left:50%;
  bottom:0;
  margin-top:-25px;
  margin-left:-25px;
  height:50px;
  width:50px;
  background:red;
  -webkit-animation:bounce 1s infinite;
}

@-webkit-keyframes bounce {
  0%       { bottom:5px; }
  25%, 75% { bottom:15px; }
  50%      { bottom:20px; }
  100%     {bottom:0;}
}
.wpb_gmaps_widget.wpb_content_element {padding-top:20px!important}
.wpb_gmaps_widget .wpb_wrapper {padding:0px!important;margin-bottom:0px!important}

#Top_bar #logo img {max-width:80%}
.get_in_touch ul li .icon {color:#dc2a1c}
table {background:#f5f5f5}

@media only screen and (min-width: 1240px) {
  #Header_creative {width:320px!important}
  body.header-creative.header-open {padding-left: 320px!important}
  #Subheader {padding: 50px 40px!important;}
  .page.hide-title-area #Content, .no-content-padding #Content, .template-blank #Content, .under-construction #Content {padding:20px!important;}

}
@media only screen and (max-width: 1239px) {
  #Header_creative #Top_bar #logo img {margin-top:10px}
  #Header_wrapper{margin-top:50px}
  #Header_creative #Top_bar #logo {height: 100px!important;line-height: 100px;}
  #Header_creative #Top_bar #logo img {max-height: 100px!important;}
  #Header_creative #Top_bar .top_bar_right_wrapper {
    top: 25px!important;float:right}
  #Top_bar .top_bar_left, #Top_bar .top_bar_right {background:url('http://www.schoorsteenvegerdehondsrug.nl/wp-content/uploads/2016/10/steen-patroon.jpg')!important;background-size:contain!important}
  #Header_creative #Top_bar .top_bar_right {height: 110px!important;}
  
}

@media only screen and (max-width: 768px) {
  #mfn-main-slider {display:none}
#Header_creative #Top_bar .top_bar_right_wrapper {top: 0px!important;}
#Header_creative #Top_bar .top_bar_right {height: 50px!important;}
  #Top_bar .top_bar_right {background:none!important}
  body.header-creative.layout-full-width #Wrapper {padding-top:220px}
  #Header_wrapper, #Intro {display:none}
}

@media only screen and (max-width: 480px) {  
  .page.hide-title-area #Content, .no-content-padding #Content, .template-blank #Content, .under-construction #Content {margin-top:100px}
  body.header-creative.layout-full-width #Wrapper {padding-top:90px}
}