html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}
body{
  font-size: 1.2rem;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
}

p{
  margin-bottom: 0;
}

h1,h2{
    font-size: inherit;
}

.old-foundation-data {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+9,2989d8+28,207cca+66,207cca+66,207cca+70,7db9e8+92 */
  /*background-color: #62cdff;*/
  background: #1e5799; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #1e5799 9%, #2989d8 28%, #207cca 66%, #207cca 66%, #207cca 70%, #7db9e8 92%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #1e5799 9%,#2989d8 28%,#207cca 66%,#207cca 66%,#207cca 70%,#7db9e8 92%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #1e5799 9%,#2989d8 28%,#207cca 66%,#207cca 66%,#207cca 70%,#7db9e8 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ */
}

#foundation-data{
  padding: 1.6rem;
  width: 100%;

  background-image: url('bcgd2.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: inset 0px 0px 400px 310px rgba(0, 0, 0, .3);
  /* background-blend-mode: darken; */
}

.foundation-name{
    text-align: center;
    color: yellow;
    font-weight:bold;
    display: block;
}

.foundation-name:hover{
    color: yellow;
}

.hania-image{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: auto;
  min-height: 300px;
  width: 100%;
}

.hania-img-1 {
    background-image: url('7.jpg');
    background-position: 0 30%;
 }

 .hania-img-2, .hania-img-3, .hania-img-4, .hania-img-5, .hania-img-6, .hania-img-7 {
   min-height: 400px;
 }

 @media (min-width: 768px) {
   .hania-img-2, .hania-img-3, .hania-img-4, .hania-img-5, .hania-img-6, .hania-img-7 {
     min-height: 500px;
   }
 }

 @media (min-width: 992px) {
   .hania-img-2, .hania-img-3, .hania-img-4, .hania-img-5, .hania-img-6, .hania-img-7 {
     min-height: 600px;
   }
 }

 @media (min-width: 1200px) {
   .hania-img-2, .hania-img-3, .hania-img-4, .hania-img-5, .hania-img-6, .hania-img-7 {
     min-height: 400px;
   }
 }

.hania-img-2 {
    background-image: url('1.jpg');
}

.hania-img-3 {
    background-image: url('2.jpg');
}

.hania-img-4 {
    background-image: url('3.jpg');
}

.hania-img-5 {
    background-image: url('4.jpg');
}

.hania-img-6 {
    background-image: url('5.jpg');
}

.hania-img-7 {
    background-image: url('6.jpg');
}

.hania-img-1-percent{
    background-image: url('hania_1_procent.jpg');
    background-position: 0 30%;
 }

.hania-text{
  font-weight: bold;
  color: yellow;
}

@media (min-width: 768px) {
  body{
    font-size: 1.1rem;
  }

  .row-hania {
    height: 100%!important;
  }

  #foundation-data, .hania-image{
    height: 100%!important;
  }

    .hania-img-1{
        background-position: center;
    }
}

@media (min-width: 1200px) {
  .row-hania-50 {
    height: 50%;
  }
}

@media (min-width: 992px) {
    body{
        font-size: 1.1rem;
    }
}

@media (min-width: 1200px) {
    body{
        font-size: 0.9rem;
    }
}

@media (min-width: 1350px) {
    body{
        font-size: 1.05rem;
    }
}


@media (min-width: 1500px) {
    body{
        font-size: 1.1rem;
    }
}