/**
 * Mobile media queries for parallax sections
 */


/* IPAD Portrait */

@media only screen and (min-device-width : 340px) and (max-device-width : 360px) and (orientation : portrait) { 

    #header-option{ height: 30% !important;}
    
    .sixteen.columns > h2 { 
        font-size: 17px !important;
    line-height: 24px !important;
}

.container.message span {
    font-size: 30px !important;
}

.message p {
    font-size: 13px;
    line-height: 20px;
}

    
}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 

	.parallax{
		background-size: cover !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-attachment: scroll !important;
	}

	/*PARALLAX HEADER CSS*/

	section#header-option{
		background-size: cover !important;
		background-position: center !important;
	}

	/*Video Header Cover Image*/
	div#tubular-cover-image{
		background-size: cover !important;
		background-position: center !important;
	}
        
        #header-option{ background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; height: auto !important;}
        
        .img-frame{ padding: 0px !important;}
      .three.columns > embed {width: 230px;}
      #parallax-sections-17{ background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;}

}

/* IPAD Landscape */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
	.parallax{
		background-size: cover !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-attachment: scroll !important;
	}

	/*PARALLAX HEADER CSS*/

	section#header-option{
		background-size: cover !important;
		background-position: center !important;
	}

	/*Video Header Cover Image*/
	div#tubular-cover-image{
		background-size: cover !important;
		background-position: center !important;
	}

}

/* Iphone Portrait */

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { 
	.parallax{
		background-size: cover !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-attachment: scroll !important;
	}

	/*PARALLAX HEADER CSS*/

	section#header-option{
		background-size: cover !important;
		background-position: center !important;
	}

	/*Video Header Cover Image*/
	div#tubular-cover-image{
		background-size: cover !important;
		background-position: center !important;
	}
        
        .sixteen.columns > h2 {
    font-size: 17px !important;
    line-height: 27px;
}


.message p {
    font-size: 13px;
    line-height: 18px;
}

.container.message span {
    font-size: 32px !important;
}

.three.columns > embed {
    width: 300px;
}
       
}

/* Iphone Landscape */

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
	
	.parallax{
		background-size: cover !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-attachment: scroll !important;
	}

	/*PARALLAX HEADER CSS*/

	section#header-option{
		background-size: cover !important;
		background-position: center !important;
	}

	/*Video Header Cover Image*/
	div#tubular-cover-image{
		background-size: cover !important;
		background-position: center !important;
	}
}
/* Modern mobile fallback */
@media (max-width: 768px) {
  .parallax {
    background-size: cover !important;
    background-position: center 30% !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
  }
  section#header-option,
  #parallax-sections-17 {
    background-position: center 30% !important;
    min-height: 70dvh;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}