@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Montserrat&display=swap');
@import url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.1/css/fontawesome.min.css");

/* Text formázások */

html,
body {
  font-size: 1rem;
  font-weight: 300;
  font-family: "Montserrat";
  color: #bebebe;
  line-height: 1.5rem;
}

#aszf {
  font-weight: 700;
  font-size: 1rem;
  color: rgb( 135, 119, 80);
  text-decoration: none;
}

#kapcsolat {
  text-decoration: none;
  color: #bebebe;
}

.mobiltextp {
  padding-top: 0rem;
  padding-bottom: 3rem;
}

.ul-p {
  padding-left: 3rem;
  padding-bottom: 4rem;
  padding-right: 1rem;
}

.hpadding {
  padding-top: 1.5rem;
}

/* Navbar itemek */

.navbar.navbar-expand.fixed-top.container-fluid {
  transition: 500ms;
}

.navbar.navbar-expand.fixed-top.container-fluid.scrolled {
  opacity: 90%;
  background-color: #4a555f;
  transition: 500ms;
}

.sites:hover {
  color: rgb( 135, 119, 80)!important;
  transition: 0.4s;
}

.nav-link {
  margin-top: 2rem;
  font-size: 1.2rem;
  font-weight: 400;
  font-family: "Montserrat";
  color: #ffff;
  border-top: solid 3px #9e9e6d00;
}

.nav-link.active {
  margin-top: 2rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgb( 135, 119, 80);
  border-top: solid 3px rgb( 135, 119, 80);
}

.tasks {
  color: rgb(135, 119, 80);
}

.names {
  margin-top: 2.5rem;
  font-weight: 500;
  font-size: 2rem;
  padding-right: 5em;
  line-height: 1;
}

/* Modal */

.title {
  font-size: 1.5rem;
  font-weight: 500;
  color: rgb( 135, 119, 80);
  text-align: center;
}

/* Hátterek */

.bg-statue {
  background-image: url(/images/statue.png);
  background-size: cover;
  background-position: center center;
  height: 100vh;
}

.bg-books {
  background-image: url(/images/books.png);
  background-size: cover;
  background-position: center center;
}

.bg-contact {
  background-color: #535f6b;
}

.bg-scratch {
  background-image: url(/images/scratch.png);
  background-size: cover;
  background-position: center center;
}

.bg-ferenc {
  content: url(/images/ferenc.png);
  width: 217px;
  height: 326px;
}

.bg-map {
  background-image: url(/images/map.png);
  background-size: cover;
  height: 67vh;
    margin-top: 7em;
    box-shadow: #00000040 1px 1px 50px;
}

/* Button + Card */

.transit:hover {
  background-color: #1e5355 !important;
  transition: 0.4s;
}

.button {
  color: white;
  font-size: 1.1rem;
  background-color: #214157;
  width: 10rem;
  height: 3.7rem;
  border-radius: 29.5px;
  border: solid 0px;
  box-shadow: rgba(0, 0, 0, 0.553) 5px 5px 25px;
}

.card {
  background: linear-gradient(#4a555f, #7a8a99);
  width: 330px;
  height: 236px;
  border-radius: 20px;
  border: solid 3px #bebebe;
}

.collapse-card {
  background: linear-gradient(#4a555f, #5b6773);
  width: auto;
  height: auto;
  border-radius: 20px;
  border: solid 3px #bebebe;
  margin-top: 1rem;
  text-align: start;
}

.szakteruleteink {
  background-color: #091928;
}
.names.zalan {
  padding-right: 6rem !important;
}
/* Helyezkedések */

#mt-11r {
  margin-top: 11rem;
}

#mb-15r {
  margin-bottom: 15rem;
}

#mt-6r {
  margin-top: 6rem;
}

#mb-10r {
  margin-bottom: 10rem;
}

#mt-3r {
  margin-top: 3rem;
}

#mt-2r {
  margin-top: 2rem;
}

#mt-5r {
  margin-top: 5rem;
}

#mt-6r {
  margin-top: 6rem;
}

#mt-2r-mb-1r {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

#mb-6r-mt-4r {
  margin-bottom: 6rem;
  margin-top: 4rem;
}

#mb-6r-mt-3r {
  margin-bottom: 6rem;
  margin-top: 3rem;
}

#mb-4r-mt-5r {
  margin-bottom: 2rem;
  margin-top: 5rem;
}

#mb-2r-mt-3r {
  margin-bottom: 2rem;
  margin-top: 3rem;
}

#mt-4r-mb-8r {
  margin-top: 4rem;
  margin-bottom: 8rem;
}

#mb-2r {
  margin-bottom: 2rem;
}

#mb-8r {
  margin-bottom: 8rem;
}

#mb-8r-ml-1r {
  margin-bottom: 8rem;
  margin-left: 1rem;
}

#mb-6r {
  margin-bottom: 6rem;
}

#mb-12r {
  margin-bottom: 12rem;
}

#pad {
  padding-top: 1rem;
  padding-bottom: 2rem;
}

#pad2 {
  padding-right: 2rem;
  padding-bottom: 6rem;
}

.nav-m {
  margin-right: 1rem;
  margin-left: 1rem;
}

#p-8r {
  padding-right: 8rem;
  line-height: 1.5rem;
}

.SiteEnd {
  margin-top: 1rem;
  margin-bottom: 2rem;
  margin-right: 4rem;
}

.padding {
  padding-left: 7rem;
  padding-bottom: 2rem;
}

.pt-4r {
  padding-top: 4rem;
}

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

#mb-8r-ml-1r {
  margin-bottom: 8rem;
  margin-left: 0rem;
}

.textmid {
  text-align: center;
}

.justifytext {
  text-align: justify !important;
}

.textend {
  text-align: end;
}

.justmid {
  justify-content: center;
}

.DMobileNone {
  display: none;
}

.Dinline {
  display:inline;
}

.SiteEnd {
  margin-top: 3rem;
  margin-bottom: 3rem;
  margin-right: 0;
}

.MarginNone {
  margin-right: 0rem;
}

#mt-5r {
  margin-top: 3rem;
}

.bg-mobileslider {
  background-image: url(/images/mobileslider.png);
  background-size: cover;
  background-position: center center;
  height: 50vh;
}

#mt-11r {
  margin-top: 5rem;
}

#ml-1r {
  margin-left: 1rem;
}

.nav-link {
  margin-top: 1rem;
  font-size: 1.2rem;
  font-weight: 400;
  font-family: "Rubik";
  color: #ffff;
  border-top: solid 3px #9e9e6d00;
}

.card {
display: inline-block;
}

.names {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 2rem;
  padding-right: 0em;
  line-height: 1;
}

.names.zalan {
  padding-right: 0rem !important;
}

.sub-name {
  margin-bottom: 1rem !important;
}

#pad2 {
  padding-right: 0rem;
  padding-bottom: 6rem;
}

  }