* {
    box-sizing: border-box;
}

body {
    background-color: #F5F5F5;
}

.navbar, .footer, .nav-content, .footer-content {
    background-color: #212529;
}

.header, .header-content, .main, .main-content {
    background-color: #F5F5F5;
}

.top-wrap {
    background-color: #A72A32;
}

.top-wrap, .nav-content, .footer-box {
    color: white;
}

.nav-button, .footer-button, .lang-change {
    color: white;
}

.nav-button{
    padding:        1rem .5rem;
    text-align:     center;
    font-family:    "Roboto", sans-serif;
    font-size:      1rem;
    font-style:     normal;
    font-weight:    400;
    letter-spacing: .04rem;
}

.nav-button:hover {
    background-color:#A72A32;
    transition:        background-color .2s ease-in-out;
}

.wrap-content {
    font-family:    "Roboto", sans-serif;
    font-size:      .815rem;
    letter-spacing: .04rem;
}

.bme-headline {
    font-family:    "Roboto", sans-serif;
    font-size:      1.5rem;
    font-style:     normal;
    font-weight:    300;
    letter-spacing: .05rem;
    padding-bottom: .5rem;
}

.mgl-headline {
    font-family:    "Roboto", sans-serif;
    font-size:      1.25rem;
    color:        #A72A32;
    letter-spacing: .05rem;
    font-style:     normal;
    font-weight:    500;
}

.main-content, .footer-box {
    font-family:    "Roboto", sans-serif;
    text-align:     left;
    font-style:     normal;
    font-weight:    400;
    line-height:    1.2rem;
    letter-spacing: .03rem;
}

.main-content h1 {
    font-style:  normal;
    font-weight: 500;
    padding:     1.5rem 0;
}

a {
    text-decoration: none;
}

.footer-button:hover, .lang-change:hover {
    text-decoration: underline;

}

h1:hover, h2:hover, p:hover {
    cursor: default;
}

.nav-limited, .nav-limited .nav-content {
    background-color: #A72A32;
    transition:         background-color .2s ease-in-out;
}

.nav-limited .nav-button:hover {
    background-color: #212529;
    transition:         background-color .2s ease-in-out;
}

.alert {
    font-family: "Roboto", sans-serif;
    font-size:   1rem;
    font-style:  normal;
    font-weight: 400;
    padding:     1rem;
    text-align:  center;
}

.main-content .text-box {
    margin: 2rem 2rem;
}

.footer-content {
    padding: 0 2rem;
}

.social-logos {
    padding: 2rem 0;
}

.instagram-logo, .linkedin-logo, .facebook-logo {
    width: 50px;
    height: 50px;
}

/* oktatás linkek kiemelve */

.text-box a {
    color: #A72A32;
    font-style:  normal;
    font-weight: 500;
}

.text-box a:hover {
    text-decoration: underline;
    transition: color .2s ease-in-out;
}

/**/

.main-content .group-photo {
    width: 93.5%;
    margin: 0 2rem;
}

.education-announcement img {
    width: 100%;
    margin: .2rem 0;
}

.education-announcement {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.education-announcement p {
    line-height: 1.5rem;
    margin-bottom: 2rem;
}

/*
@media (max-width: 1080px ) {
  .education-announcement {
    display:        flex;
    flex-direction: column;
  }
  .education-announcement img {
    width: 100%;
  }

  .education-announcement P {
    margin-right: 0;
    margin-bottom: 2.5rem;
  }
}

*/

.text-box ul li {
    list-style: inside;
    font-size:  1rem;
    line-height: 1.5rem;
}

.bme-building-h {
    width:100%;
}

.media-box {
    padding: 0rem 2rem;
}

.group-overview .banner-box {
    padding-right: 2rem;
}

@media (max-width: 936px) {
    .group-overview .banner-box {
        padding-right: 0;
    }
}

.infrastructure-text-box h1 {
    margin: 2.5rem auto;
}