html, body {
  font-size:16px;
  font-family:Verdana !important;
  height:100%;
  line-height:1.7rem;
  color:#646464;
}
.w3-container,
.w3-content {
  max-width:1010px;
}
select,
textarea,
input {
  font-size:110%;
}

#id_nav_desktop {
  padding:6px 0;
  line-height:1.8rem;
  font-size:130%;
  width:100%;
  position:fixed;
}

#id_page_content {
  font-size:110%;
  padding-top:100px;
}

#id_page_content ul li {
  padding: 4px 0 4px 0;
}

#navMenu a.w3-bar-item {
  font-size:115%;
}

.dr-green {
  background-color:#73ba69 !important;
  color:#fff;
}

.menu-item, 
.menu-item-home {
  padding:8px 10px !important;
}

.menu-item:hover, 
.menu-item-home:hover {
  background-color:transparent !important;
}

.menu-images-wrapper {
  padding:10px 0px;
}

.menu-images-wrapper a {
  text-decoration:none;
  vertical-align:top;
}

.menu-image-wrapper footer {
  padding:10px 0;
}

.menu-image-wrapper footer:hover {
  background-color: #f1f1f1 !important;
  color:#444 !important;
  border-right:1px solid #c4c4c4;
  border-bottom:1px solid #c4c4c4;
  border-left:1px solid #c4c4c4;
}

.menu-image-wrapper {
  display:inline-block;
  margin:0px 15px 30px 15px;
  border:1px solid #c4c4c4;
}

.menu-text p {
  text-align:left;
  padding:16px;
  font-size:100%;
  background:#fff;
  margin:0;
}

.menu-text,
.menu-image {
  padding:0;
}

.menu-image img:hover {
  opacity:0.7;
}

h1, h2, h3, h4, h5 {
  font-family:Verdana;
}

h2,
h2.content-block-h2 {
  color:#73ba69;
  text-align:center;
  font-size:250%;
  line-height:3.0rem;
  padding:36px 0;
}

h3 {
  font-size:160%;
  margin-top:3rem;
  line-height:2.5rem;
}

h4 {
  color:#646464;
  font-size:135%;
  line-height:2rem;
  margin-top:2.5rem;
}
h5 {
  font-size:115%;
  line-height:28px;
}
.cursor {
  cursor:pointer;
}
.content-block-image_full img {
    width:100%;
    margin-top:-18px;
}
.content-block-image_text {
  font-size:110%;
  line-height:1.8rem;
  margin-bottom:20px;
}
.image-right {
  text-align:right;
}
.content-block-image_text.left h3 {
  margin:0;
}
.content-block-image_text.right h3 {
  margin:0;
}
.text-left {
  text-align:left;
}
.text-center {
  text-align:center;
}
.text-right {
  text-align:right;
}
#id_site_footer {
  background-color:#7b7575;
  color:#fff;
  margin-top:30px;
  font-size:1.4rem;
  line-height:2.3rem;
}
#id_site_footer h3,
#id_site_footer h5 {
  font-size:2rem;
}
#id_site_footer .links a {
  text-decoration:none;
  padding:0 20px;
}
.contact-form {
  margin-bottom:30px;
}
.contact-form select {
  height:43px;
  border-bottom:1px solid #ccc !important;
}

/* Events, Blog */
.event-start {
  white-space:nowrap;
}
.blog-categories-list,
.blog-entries-list,
.events-list {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}
.blog-categories-list th,
.blog-categories-list td,
.blog-entries-list th,
.blog-entries-list td,
.events-list th,
.events-list td {
  text-align:left;
  padding:16px;
}
.blog-categories-list th,
.blog-entries-list th,
.events-list th {
  font-size:110%;
  border-bottom:1px solid #ddd
}
.blog-categories-list tr:nth-child(even),
.blog-entries-list tr:nth-child(even),
.events-list tr:nth-child(even) {
  background-color: #f6f6f6
}
.blog-entry,
.event {
  margin-top:56px;
}
.blog-entry header h3,
.event header h3 {
  color:#73ba69;
  margin-top:10px;
  border-bottom:1px solid #ddd;
}
.blog-intro,
.event-intro {
  font-size:115%;
  line-height:26px;
}
.blog-descr,
.event-descr {
  line-height:24px;
}
/* End Events, Blog */

/* Scroll to top */
.scroll-to-top {
  position: relative;
}
.btn-position {
  position: fixed;
  bottom: 40px;
  right: 25px;
  z-index: 20;
}
.btn-style {
  background-color: #73ba69;
  border: 2px solid #fff;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  color: #fff;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}
/* End "Scroll to top" */

@media only screen and (max-width:980px) {
  #id_nav_desktop {
    padding:6px 0;
    line-height:1.8rem;
    font-size:130%;
    width:100%;
    position:relative !important;
  }
  #id_page_content {
    font-size:110%;
    padding-top:0;
  }
}

@media only screen and (max-width:767px) {
  h2,
  h2.content-block-h2 {
    font-size:200%;
    padding:20px 0;
  }
  h4 {
    font-size:130%;
  }
  .menu-images-wrapper {
    margin-top:40px;
    padding:0;
  }
  .w3-card {
    box-shadow:none;
    padding:0;
    margin:20px 0 0 0;
  }
  .event-intro {
    font-size:110%;
    line-height:24px;
  }
  .event-descr {
    font-size:100%;
    line-height:22px;
  }
  .event h3 {
    font-size:100% !important;
  }
  .event header {
    padding:8px 0 8px 10px;
  }
  .btn-position {
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 20;
  }
}