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


    #commercialSub {
        width:4em;
    }

	h1 {
		font-size:2.5em;
	}

    /* splash page */

    .splashSliderImage {
        display: none!important;
    }

      .splashSlide {
        position: relative;
        display: block;
      }

    .splashSlide .sliderCaption {
        bottom:21%;
        width:81%;
        max-width:20em;
    }

    .splashSlide .sliderCaption h3 {
        font-size:1.2em;
    }

    .splashSlide .sliderCaption p {
        font-size:0.9em;
    }

    /* section page */

    #sectionSlider {
        height:auto;
    }

    #content #primary #innerFeature {
        background-image:none!important;
        padding:0!important;
    }

	#sectionSlider .sectionImageTab,
	.innerFeature.sectionImageTab {
		display: block;
	}

	#sectionSlider .sectionImageDesk,
	#sectionSlider .sectionImageMob,
	.stripeImage .stripeSizeMob,
	.innerFeature.sectionImageDesk,
   .innerFeature.sectionImageMob {
		display: none;
	}

    #sectionCaptionWrap {
        padding:1em;
    }

    .sectionCaption {
        font-size:2.5em;
        padding:4% 3%;
        width:70%;
    }

    .sectionCaption p {
        line-height:1.3em;
    }

    .topLeft,
    .topRight {
        top:23%;
    }

	.page-template #sectionWelcome  h1 {
		font-size:2.75em;
	 }

    #welcomeText {
        padding:0 7%;
        font-size:1.2em;
    }

	.sectionStripeWrap {
        min-height:0;
        max-height:100%;
    }

    .stripeTextWrap{
        position: static;
    }

    #sectionStripeTop #stripe-1 .stripeTextWrap,
    #sectionStripeBottom #bottom-stripe-1 .stripeTextWrap,
    #sectionStripeTop #stripe-1 .stripeTextWrap {
        position: static;
    }

    .stripeText,
    .stripeImage,
    .sectionStripeWrap .stripeTextWrap {
        float:left;
        text-align:left!important;
        width:100%;
    }

	.stripeText {
		padding:1% 3%;
	}

	.stripeTextWrap h3 {
		font-size:2.4em;
	}

	.stripeText p {
		font-size:1em;
	}

    .sectionStripeWrap .stripeImage{
        width: 100%;
    }

    .parallaxText {
        font-size:2.75em;
        width:90%;
        padding:5% 7%;
    }

    #circularImages {
        padding:3%;
    }

    .circleImageWrap {
        width:17%;
        margin:0 4%;
    }

    #bottomLogos {
        width:100%;
    }

    #bottomLogos #bottomLogosRowOne li {
		margin:0 1%;
        width:18%;
    }

    /* list page */

    .page-template-list-page #main {
        padding:0 3%;
    }

    .itemTextWrapShort {
        width:70%;
    }



    /* internal page */


	.page-template-internal-page #main,
	.page-template-list-page #main,
	.page-template-default #main {
		padding:4% 3%;
	}

	.page-template-internal-page #content h1,
	.page-template-list-page #content h1,
	.page-template-default #content h1 {
		font-size:2.5em;
	}

	.page-template-internal-page #content p,
    .page-template-internal-page #content p,
	.page-template-list-page #content p,
	.page-template-default #content p ,
    .page-template-internal-page #content ul,
    .page-template-list-page #content ul,
    .page-template-default #content ul {
		font-size:1em;
	}

     /* gallery */

    .page-template-default #main {
        padding:0 3%;
    }

     .singleGallery:nth-child(4n) {
          margin-right:2%;
     }

    .singleGallery:nth-child(3n) {
        margin-right:0;
    }

    .singleGallery {
        width:32%;
    }

    /* footer */


    #footerLeft {
        width:30%;
    }

    #churchFooter #footerLeft div {
          float:left;
     }

    #churchFooter #footerLeft .footerImage {
		margin:0 1em 0 0;
		width:6em;
	}

    #footerRight {
        width:65%;
    }

    #sectionFooterLeft .menu-splash-page-footer-container {
        text-align:right;
    }

    #sectionBottom,
    #sectionBottomFooterRight {
        width:100%;
    }

    /* contact page */
    .page-template-contact-page #content {
            padding:0 3%;
    }

    /* news */

    .archive  #content,
    .single-post #content {
        padding:1em;
    }

}


/* tablet - Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)   {



    .slick-slide img {
        width:100%;
    }

    #splashLeft .sliderCaption,
    #splashRight .sliderCaption{
        left:0;
        bottom:41%;
        width:81%;
        left:10%;
        max-width:none;
        text-align: center!important;
    }


}