body {
  overflow-x: hidden;
  font-family: 'Oswald', sans-serif;
  color: black;
  background-color: white;
  margin:0;
  padding: 0;
}
h1 {
  font-size: 3.4rem;
  font-weight: 500;
  color: #535352;
}
h2 {
	font-size: 1.3rem;
	font-weight: 300;
	color: #777777;
	letter-spacing: 2px;
  margin-top:-5%;
}
strong {
  font-size: 1.3rem;
  font-weight: 300;
  color: #ec6413;
  letter-spacing: 2px;
}
p {
	color: #777777;
	font-weight: 200;
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 5%;
}
a {
	text-decoration: none;
  color: #ec6413;
}
a:hover {
    color: #777777;
    text-decoration: none;
    transition: all 1s;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -2%;
}
.flex-container p:first-child{
  margin-right: 5%;
}
.flex-container p{
  margin-right: 5%;
  font-size: 1.3rem;
}
.flex-container img{
  width: 50px;
  height: 50px;
  margin-top:3%;
  margin-right: 3%;
}
.banner {
  height: 120vh;
  min-height: 1000px;
  width: 100%;
  margin-left: -7%;
  background: url("https://www.alenasikorova.cz/images/alena-sikorova-zfp-financni-poradce.png");
  background-position: top left; 
  background-repeat: no-repeat;
  background-size: cover;

}
.obsah {
    position: absolute;
    top: 0;
    left: 45%;
    width: 55%;
    height: 120vh;
    min-height: 1000px;
    background: transparent;
-webkit-box-shadow: -228px -46px 18px -222px rgba(0,0,0,0.2); 
box-shadow: -228px -46px 18px -222px rgba(0,0,0,0.2);
}
.text {
    margin-top: 33%;
    margin-left: 9%;
    margin-right: 10%;
}
.logo {
    position: absolute;
    width: 13%;
    max-width: 140px;
    top: 70px;
    right: 5%;
}
.logo img{
  width:100%;
}
.footer {
  position: absolute;
  bottom: 0;
  right: 10%;
  left: 10%;
}
@media (max-width: 575.98px) {
  .banner {
    height: 100vh;
    width: 100%;
    background: url("https://www.alenasikorova.cz/images/alena-sikorova-zfp-financni-poradce-mobil.png");
    background-position: top left; 
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 0%;
  }
  .obsah {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      min-height: 800px;
      background: transparent;
      -webkit-box-shadow: none; 
     box-shadow: none;
     text-align: center;
     margin-top: -10%;

  }
  .obal {
    margin-top: 10%;
    display:inline-block;
    text-align: center;
  }
  .flex-container {
      flex-wrap: unset;
      display:unset;
  }
  .logo {
      position: absolute;
      width: 20%;
      max-width: 140px;
      top: 70px;
      right: 5%;
  }
}
@media (min-width: 576px) AND (max-width: 767.98px) {
  .banner {
    height: 100vh;
    width: 100%;
    background: url("http://www.alenasikorova.cz/images/alena-sikorova-zfp-financni-poradce-tablet.png");
    background-size: auto;
    background-position: top left; 
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 0%;
  }
  .obsah {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      min-height: 800px;
      background: transparent;
      -webkit-box-shadow: none; 
     box-shadow: none;
     text-align: center;
     margin-top: -10%;
  }
  .obal {
    margin-top: 10%;
    display:inline-block;
    text-align: center;
  }
  .flex-container {
      flex-wrap: unset;
      margin-bottom: 2%;
  }
  .logo {
      width: 15%;
      max-width: 170px;
  }
}

@media (min-width: 768px) AND (max-width: 991.98px) {
  .banner {
    margin-left: -13%;
  }
  h1 {
  font-size: 3rem;
  }
  .text {
    margin-top: 40%;
  }
}