/*IPHONE 6*/


@media screen  and (min-width : 320px) and (max-width : 500px) {

  h3 {
    font-size: 20px;
  }

  #nav {
    padding-left: 0px;
  }

  #nav section div {
      font-size: 17px;
      padding: 13px 0px;
  }

  #top {
    background: url(../../../../img/kosciol2.png) -70px 1px no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .workflow {
    width: 45%;
  }

  .search-bar::before {
    font-size:28px;
    margin-top: -150px;
  }

  #map {
    width: 100%;
  }

  #wherewhen {
    overflow: hidden;
  }

  #step-one {
    background: url(../../../../img/church1.png) 57% 70px no-repeat scroll;
    background-size: 80px;
    height: 170px;
  }

  #step-two {
    background: url(../../../../img/mon1.png) 54% 62px no-repeat scroll;
    background-size: 47px;
    height: 170px;
  }

  #step-three {
    background: url(../../../../img/ano.png) 79% 60px no-repeat scroll;
    background-size: 90px;
    height: 170px;
  }

#step-four {
      background: url(../../../../img/duszpasterze.png) 53% 50px no-repeat scroll;
      background-size: 85px;
}
#step-five {
      background: url(../../../../img/kontakt.png) 43% 68px no-repeat scroll;
      background-size: 112px;
}

  .middle {
    margin-bottom: 40px;
  }

  #middle-three div:last-child  {
    background: url(../../../../img/kosciol2.png) 50% no-repeat;
    background-size: cover;
  }

  #middle-three h3 {
    font-size: 17px;
    margin-top: 0px;
  }

  #middle-three div:first-child section {
    padding: 0 10px;
  }

  #middle-two div:last-child section {
   margin-top: -90px;
    padding: 0 10px;
    }

#middle-two div:first-child {
    -webkit-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s;
    background: url(../../../../img/oltarz.jpg) 54% 0% no-repeat;
    -webkit-background-size: cover;
     background-size: 600px;
     width: 72% !important;
	}
	

#middle-nabozenstwa div:last-child
{
    -webkit-transition: width .5s;
    -o-transition: width .5s;
       transition: width .5s;
     background: url('../../../../img/nabozenstwa.jpg') 60% 0% no-repeat;
    -webkit-background-size: cover;
     background-size: cover;
     width: 40% !important;
}


#middle-four h3 {
    font-size: 17px;
    margin-top: 0px;
}

#middle-four div:first-child {
    -webkit-transition: width .5s;
    -o-transition: width .5s;
   background: url(../../../../img/stula.png) 3px 12% no-repeat;
    -webkit-background-size: cover;
    background-size: 100%;
    	}

#middle-four div:last-child {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 10px;
    margin: 9px ;
    padding: 2px;
    text-align: justify;
     width: 72% !important;
	}

#news {
  padding: 0;
}

#news div {
    text-align: left;
        padding: 0 8px;
  }

.news_row div:first-child {
  width: 41%;
}

.news_row_details {
  margin-left: 10px;
  margin-bottom: 12px;
}

}

@media screen  and (min-width : 501px) and (max-width : 767px) {

h3 {
  font-size: 20px;
}

.middle section {
  width: 90%;
}

#top {
    background: url(../../../../img/kosciol2.png) 0px -1px no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.workflow {
  width: 22%;

}

#step-zero {
    background: url(../../../../img/aktualnosci.png) 45% 56px no-repeat scroll;
    background-size: 100px;
}

#step-one {
  background: url(../../../../img/church1.png) 57% 70px no-repeat scroll;
  background-size: 80px;
  height: 170px;
}

#step-two {
    background: url(../../../../img/mon1.png) 60% 56px no-repeat scroll;
    background-size: 50px;
}

#step-three {
    background: url(../../../../img/ano.png) 95% 50px no-repeat scroll;
    background-size: 98px;
  }

#step-four {
      background: url(../../../../img/duszpasterze.png) 53% 50px no-repeat scroll;
      background-size: 100px;
}
#step-five {
      background: url(../../../../img/kontakt.png) 43% 68px no-repeat scroll;
      background-size: 112px;
}

#middle-three h3 {
  margin-top: 5px;
}

#middle-two div:first-child {
    -webkit-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s;
    background: url(../../../../img/oltarz.jpg) 54% 0% no-repeat;
    -webkit-background-size: cover;
     background-size: cover;
     width: 90% !important;
	}
	

#middle-nabozenstwa div:last-child
{
    -webkit-transition: width .5s;
    -o-transition: width .5s;
       transition: width .5s;
     background: url('../../../../img/nabozenstwa.jpg') 50% 40px no-repeat;
    -webkit-background-size: cover;
     background-size: cover;
     width: 40% !important;
}

#news {
    padding: 0 40px 50px 40px;
  }

.news_row div:first-child {
  width: 30%;
}

#flow {
  height: 360px;
}

.workflow {
  width: 31%;
}

}

@media screen  and (min-width : 768px) and (max-width : 1024px) {

  .middle section {
    width: 80%;
  }

  #top {
    background: url(../../../../img/kosciol2.png) 0px -51px no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  #step-one {
    background: url(../../../../img/church1.png) 52% 60px no-repeat scroll;
    background-size: 90px;
    height: 170px;
  }

  #step-two {
    background: url(../../../../img/mon1.png) 54% 62px no-repeat scroll;
    background-size: 47px;
    height: 170px;
  }

  #step-three {
    background: url(../../../../img/ano.png) 59% 60px no-repeat scroll;
    background-size: 90px;
    height: 170px;
  }

  #step-four {
    background: url(../../../../img/contact3.png) 35% 52px no-repeat scroll;
    background-size: 205px;
    height: 170px;
  }

  #middle-three h3 {
    font-size: 21px;
    margin-top: 5px;
  }

  #news {
      padding: 0 40px 50px 40px;
    }

  .news_row div:first-child {
    width: 30%;
    }

  #flow {
    height: 360px;
  }

  .workflow {
    width: 31%;
  }

}