.section .title {padding-bottom: 20px;padding-top:20px;}
 .section .full-image.mob_portrait img {width:auto !important;height:350px;}
 .section-textpic-1 .full-image.mob_portrait {height:350px;}
 
  @media (min-width: 501px)  {
 .mob_portrait, img.mob_portrait + .responsive-background, .full-image .mob_portrait  {display: none !important; }

 }

 @media (max-width: 500px)  {
 .mob_landscape,  .mob_landscape + .responsive-background,  .full-image .mob_landscape {display: none !important; }

 }


@media (max-width: 500px) {
 .section-header p { font-size: .9em; font-weight: 700; } 
 .section-header .separator {margin:  1em auto -1em auto !important;}
 }
 @media (max-width: 350px) {
 .section-header .content h1 {font-size: 1.85em;}
 }
 
 /* === iPad === */
 @media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
 .section .responsive-background {
    background-position: right top;
    background-position-x: -50vh;

} 
 .section .title {
      max-width: 90%;
      margin-bottom: 40px; }
    }

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */}

 /* === iPhone X === */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 
.section-header .content h1 {font-size: 1.85em;}
 .section-header h1:before {width: 35px;height: 35px;margin-bottom:35px;}
 .section-header .content {top:50%}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) { 
.section-header .content h1 {font-size: 1.85em;}
}

 /* === iPhone 6,7,8 === */
 @media only screen 
and (min-width : 375px) 
and (max-width : 667px) 
and (orientation : landscape) {  
	.section-header .content h1 {font-size: 1.85em;}
	.section-header p { font-size: .9em; } 
 .section-header .separator {margin:  1em auto -1em auto !important;}
 .section-header h1:before {width: 35px;height: 35px;margin-bottom:35px;}
 .section-header .content {top:50%}
 }

@media only screen 
and (min-width : 375px) 
and (max-width : 667px) 
and (orientation : portrait) { 
	.section-header .content h1 {font-size: 1.85em;}
	.section-header p { font-size: .9em;  font-weight: 700 } 
 .section-header .separator {margin:  1em auto -1em auto !important;} 
 }

 /* === iPhone 6,7,8 Plus === */
 @media only screen 
and (min-width : 414px) 
and (max-width : 736px) 
and (orientation : landscape) { 
		.section-header .content h1 {font-size: 1.85em;}
	.section-header p { font-size: .9em } 
 .section-header .separator {margin:  1em auto -1em auto !important;}
  .section-header h1:before {width: 35px;height: 35px;margin-bottom:35px;}
 .section-header .content {top:50%}
 }

@media only screen 
and (min-width : 414px) 
and (max-width : 736px) 
and (orientation : portrait) { 
		.section-header .content h1 {font-size: 1.85em;}
 .section-header p { font-size: .9em } 
 .section-header .separator {margin:  1em auto -1em auto !important;}
 }