body{
  background: #90303d;
  font-family: "Nunito", sans-serif;
}
.szinek h2{
  color: #ed8240;
  font-weight: 100;
  font-size: 2.5rem;
}

h1{
  color: #ed8240
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.navbar{
  background-color: #230444;
}

.szinek p{
  color: #d2ebe9;
  font-weight: 100;
  font-size: 1.125rem;
  line-height: 2;
}

#mainNavbar .navbar-brand {
color: #EA1C2C; 
font-size: 3.5rem;
}

#mainNavbar .nav-link{
color: #EA1C2C ;
font-size: 2rem;
}

#mainNavbar{

font-size: 1.5rem;
font-weight: 100;
}

#mainNavbar .nav-link:hover{
color: #EA1C2C;
}

#heading span{
  color: #EA1C2C;

}

#heading h1{
  font-weight: 100;
  font-size: 4rem;
}

.content{
  margin-top: 100px;
}
.navbar.scrolled{
  background: #230444 ;
  transition: background 1s;
}

@media (max-width: 1920px){
  .navbar{
  background-color: #230444;
}
}

@media (max-width: 1450px){
  #heading h1{
  font-weight: 100;
  font-size: 2rem;
}
#mainNavbar .navbar-brand {
color: #EA1C2C; 
font-size: 2.5rem;

}

#mainNavbar .nav-link{
color: #EA1C2C ;
font-size: 1rem;
}

}
@media (max-width: 1000px){
  #heading h1{
  font-weight: 100;
  font-size: 2rem;
}
#mainNavbar .navbar-brand {
color: #EA1C2C; 
font-size: 2rem;

}

#mainNavbar .nav-link{
color: #EA1C2C ;
font-size: 1rem;
}

.navbar{
  background-color: #230444;
}


h2{
  color: #ed8240;
  font-weight: 100;
  font-size: 1,9rem;
}


p{
  color: #F498B8;
  font-family: 'Fjalla One', sans-serif
  font-weight: 100;
  font-size: 1rem;
  line-height: 1,5;
}




}