@import url('https://fonts.googleapis.com/css2?family=Quattrocento+Sans:wght@400;700&family=Rubik:wght@300;400;700&display=swap');

body {
   font-family: 'Rubik', sans-serif;
   font-size: 1rem;
   color: #2A2A2A;
   background-color: #F6F9F8;
}



.fejlec {
   /* background-color: #9DE7E6; */
   background-color: #0A2341;
   padding-top: 1px;
   padding-bottom: 0px;
   margin-top: 56px;
}

.cim {
   font-family: 'Quattrocento Sans', sans-serif;
   font-size: 4rem;
}

#rolunk p,
#rolunk li {
   font-size: 1.2rem;
}

.rolunk_cim_hatter {
   margin-top: 2px;
   background-image: url('../img/emberhalasz_banner.jpg');
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   min-height: 100px;
}

.rolunk_cim {
   padding-top: 1rem;
   padding-bottom: 1rem;
   font-weight: 300;
   font-size: 3rem;
   color: white;
}



.kuratorium {
   background-color: rgba(255, 255, 255, 0.658);
   min-height: 100%;

}

.kuratorium_cim {
   font-weight: 300;
   font-size: 3rem;
}

.kuratorium_image {

   overflow: hidden;
   margin: 2rem auto 2rem auto;
}

.kuratorium_szoveg {
   margin-top: auto;
   margin-bottom: auto;
}

.kuratorium_nev {
   font-size: 1.2rem;
   font-weight: 700;
   margin-bottom: 0px;
}

.kuratorium_titulus {
   text-transform: uppercase;
}

.tevekenysegunk_cim_hatter {
   margin-top: 2px;
   background-image: url('../img/emberhalasz_banner.jpg');
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   min-height: 100px;
}

#tevekenysegunk li {
   margin-bottom: 0.9rem;
}

#szolgaltatasaink li,
#palyazatok li {
   margin-bottom: 0.7rem;
}

#szolgaltatasaink ul.szint2 li {
   margin-bottom: 0.3rem;
}

#szolgaltatasaink ul.szint2 li:last-child {
   margin-bottom: 0.7rem;
}

#palyazatok h2 {
   margin-top: 2rem;
   margin-bottom: 1.5rem;
   font-size: 2rem;
}



.btn:focus,
.btn:active,
button:focus,
button:active {
   outline: none !important;
   box-shadow: none !important;
}

#image-gallery .modal-footer {
   display: block;
}

.thumb {
   margin-top: 15px;
   margin-bottom: 15px;
}

#footer a {
   color: lightskyblue;
}

#footer p {
   margin: 0;
}

@media screen and (min-width: 768px) {
   .nemmozog {
      background-color: white;
      margin-top: 56px;
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1030;
   }

   .mt-400 {
      margin-top: 400px;
   }

}

@media screen and (max-width: 768px) {
   .mobilmargo {
      margin-top: 100px;
   }

   .cim {
      font-family: 'Quattrocento Sans', sans-serif;
      font-size: 2rem;
   }
}

.bg-color-p {
   background-color: #2F6F73;
}

.color-p {
   color: #2F6F73;
}

.color-s {
   color: #8EC5A4;
}

.bg-color-s {
   background-color: #8EC5A4;
}

.bg-color {
   background-color: #F6F9F8;
}

.hero {
   background: linear-gradient(135deg, #2F6F73, #8EC5A4);
   color: white;
}