html {
	scroll-behavior: smooth;
}  
.parallaxParent {
    height: 60vh;
    overflow: hidden;
  }
  .parallaxParent > * {
    height: 200%;
    position: relative;
    top: -100%;
  }
  .box2 {
    background-color: #000f2b;
    height: auto;
    padding: 50px 0px;
	text-align:center;
  }
  .box2 p {
	color:#ffffff;
	margin:0px auto;
	max-width:1100px;
	font-family: 'Roboto', sans-serif;
	line-height: 160%;
  }
  .lightblue {
    background-color: #7497DA;
  }
.s0{
    justify-content: center;
	display:flex;
}
  body {
    margin: 0px;
    padding: 0px;
  }
  .onair {
    font-family: 'Big Shoulders Display', cursive;
    background-color: #000000;
    color: #FA007C;
    padding: 0px;
    font-size: 46pt;
  }
  .onair span {
    font-weight: 800;
  }
  .zaznamy {
    font-family: 'Big Shoulders Display', cursive;
    background-color: #000000;
    color: #E5E5E5;
    padding: 0px;
    font-size: 29pt;
    line-height: 130%;
    font-weight: 300;
  }
.button-blue{
	text-decoration:none;
	display:block;
	text-align:center;
	width:190px;
	padding:7px 0px;
	margin:20px auto;
	background-color:#000f2b;
	opacity:0.8;
    font-family: 'Big Shoulders Display', cursive;
    color: white;
    font-size: 17pt;
}
.button-white{
	text-decoration:none;
	display:block;
	text-align:center;
	width:190px;
	padding:7px 0px;
	margin-top:20px;
	background-color:white;
	opacity:0.8;
    font-family: 'Big Shoulders Display', cursive;
    color: black;
    font-size: 17pt;
}
.button-white:hover{
	opacity:1;
}
.button-blue:hover{
	opacity:1;
}
h1 {
    font-family: 'Big Shoulders Display', cursive;
    color: #ffffff;
    font-size: 24pt;
    font-weight: 300;
	width:80%;
	margin:0px auto;
	padding:0px 0px 20px 0px;
  }
h1 span {
    font-weight: 600;
  }
h2 {
    font-family: 'Big Shoulders Display', cursive;
    color: #ffffff;
    font-size: 30pt;
    font-weight: 300;
	width:80%;
	margin:0px auto;
	padding:0px 0px 20px 0px;
  }
#background-parallax2 {
			background-image: url(../images/section1_desktop.jpg);
			background-size:cover;
			background-position:center;
		}


@media only screen and (max-width: 320px) {
	  #header-text-center {
		width: 80%;
		height: 65%;
		margin: 0px auto;
		padding: 0px;
		position:absolute;
		z-index:1;
		top:5%;
	  }
		#background-parallax1 {
			background-image: url(../images/heroimage_mobile_small.jpg);
			background-size:cover;
			background-position:center;
		}
	  
	  .onair {
		font-family: 'Big Shoulders Display', cursive;
		background-color: #000000;
		color: #FA007C;
		padding: 0px;
		font-size: 30pt;
	  }
	  .box2 p {
		width:80%;
	  }
  }  
@media only screen and (min-width: 321px) {
	  #header-text-center {
		width: 80%;
		height: 65%;
		margin: 0px auto;
		padding: 0px;
		position:absolute;
		z-index:1;
		top:5%;
	  }
		#background-parallax1 {
			background-image: url(../images/heroimage_mobile_small.jpg);
			background-size:cover;
			background-position:center;
		}
	  
	  .onair {
		font-family: 'Big Shoulders Display', cursive;
		background-color: #000000;
		color: #FA007C;
		padding: 0px;
		font-size: 38pt;
	  }
	  .box2 p {
		width:80%;
	  }
  }
  @media only screen and (min-width: 600px) {
	  #header-text-center {
		width: 80%;
		max-width:1100px;
		margin: 0px auto;
		padding: 0px;
		position:absolute;
		z-index:1;
		top:10%;
	  }
		#background-parallax1 {
			background-image: url(../images/heroimage_desktop.jpg);
			background-size:cover;
			background-position:center;
		}
	  .box2 p {
		width:65%;
	  }
  }
  @media only screen and (min-width: 1250px) {
	  #header-text-center {
		width: 80%;
		max-width:1100px;
		margin: 0px auto;
		padding: 0px;
		position:absolute;
		z-index:1;
		top:10%;
	  }
		#background-parallax1 {
			background-image: url(../images/heroimage_desktop_big.jpg);
			background-size:cover;
			background-position:center;
		}
	  .box2 p {
		width:50%;
	  }
  }