@media only screen and (min--moz-device-pixel-ratio: 2),

only screen and (-o-min-device-pixel-ratio: 2/1),

only screen and (-webkit-min-device-pixel-ratio: 2),

only screen and (min-device-pixel-ratio: 2) {

#logo img {width: 323px; height:116px;}


}

/* Desktop */
@media only screen 
and (min-width : 1824px) {
	
.page-title-b-inner { right: 180px; bottom:280px; padding: 20px 50px;}
.page-title-b-inner h1 {font-size: 40px;}
.page-title-b-inner h3 { font-size: 35px;}


}



/* iPad Landscape and Desktop */
@media only screen 
and (max-width : 1824px) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
/* ----- Banner ------ */	
.page-title-b-inner { right: 110px; bottom:95px; padding: 10px 30px;}
.page-title-b-inner h1 { font-size: 28px !important; }
.page-title-b-inner h3 { font-size: 24px !important;  }

}
	
/* iPad Landscape and Desktop */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
/* ----- Banner ------ */	
.page-title-b-inner { right: 250px; bottom:120px; padding: 10px 30px;}
.page-title-b-inner h1 { font-size: 28px !important; }
.page-title-b-inner h3 { font-size: 24px !important;  }


}  

/* Tablet PORTRAIT and iPad mini landscape size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
/* ----- Header ------ */
.one-fourth p.phone-number { font-size: 20px; margin-top:0.4em !important; margin-bottom: 16px!important}

/* ----- Banner ------ */	
.page-title-b-inner { right: 150px; bottom:90px; padding: 10px 30px;}
.page-title-b-inner h1 { font-size: 28px !important; }
.page-title-b-inner h3 { font-size: 24px !important;  }

h1.contact { font-size: 30px; padding: 0 0 50px 0;}

}



/* Mobile Landscape Size to Tablet Portrait Mini iPad (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
/* ----- Header ------ */
.one-fourth p {margin: 15px 0 0 0 !important;}
.one-fourth p.phone-number { font-size: 20px; margin:0.4em!important; margin-bottom: 20px!important;}
	
/* Logo */
#logo img { padding-top: 0.2em; max-width: 100%; height: 116px !important; max-height: 116px !important; text-align:center;}
#logo { text-align: center; padding-top:20px;}

/* Banner */
.page-title-bc {display:none;}
.banner-image h2 { padding: 10px 0; font-size: 18px; line-height: 30px;}
.page-title-b-inner { right: 100px; bottom:60px; padding: 10px 30px;}
.page-title-b-inner h1 { font-size: 20px !important; }
.page-title-b-inner h3 { font-size: 18px !important;  }


/* Section  */
.main-area {padding: 2em !important;}
.quote-area { margin: 0px auto;}
.main-area-quote {padding: 0;}
#section-a p { font-size: 18px; padding: 20px 30px; text-align: center;}
#section-b p { font-size: 18px;}

/* Social */
#social-inner {	padding-top: 0;}


/* List */
ul.site { margin: 10px 0 10px 0}
ul.site li { font-size:16px; padding: 5px 0; letter-spacing:0.02em; list-style-position: inside;}
ul.resources { margin-left:0}
ul.resources li {font-size:16px; letter-spacing:0.02em;}

ul.faq-list li {font-size:14px;}


/* ----- Typography ------ */

/* h1 */
h1 { font-size: 30px; padding: 0 0 0 0;}
h1.contact { font-size: 30px; padding: 0 0 20px 0;}

/* h2 */
h2.poem-name { color:#000; font-size: 18px; padding-top: 20px;}


/* p */
p {text-align: left; letter-spacing:0.02em; font-size:16px; padding:10px 0;}
.firstLetter { margin: 0.35em 0.2em 0.1em 0; font-size:60px; line-height : 0.5;}

/* form */
.form-pad2 {padding: 40px 0 0 0 !important; }



/* Footer */
.footer{ padding-bottom: 2em; padding-top: 1em; }
.footer p { font-size:16px; letter-spacing:0.1em;}

/* Map */
#map {margin-bottom: 20px;}

/* Attorney Photo */
.attorney-photo {float:none; margin-right:0;}
.poem-credits {margin-bottom:40px; text-align:center; letter-spacing:0;}



/* Columns */
.one-half-header, .one-half, .one-half-third, .poem-left, .poem-right, .two-half-third, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .one-sixth { margin: 0; width: 100%; float: none;}

.header {display: flex; flex-flow: row wrap;}
.one-half-header {flex-basis: 100%; order: 1;}
.one-fourth {flex-basis: 100%; order: 2;}




	
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
/* ----- Header ------ */
.one-fourth p {margin: 15px 0 0 0 !important;}
.one-fourth p.phone-number { font-size: 20px; margin:0.4em!important; margin-bottom: 20px!important;}
	
/* Logo */
#logo img { padding-top: 0.2em; max-width: 100%; height: 116px !important; max-height: 116px !important; text-align:center;}
#logo { text-align: center; padding-top:20px;}

/* Banner */
#page-title-b {display:none;}
.banner-image h2 { padding: 10px 0; font-size: 14px;}


/* Section  */
.main-area {padding: 2em !important;}
.quote-area { margin: 0px auto;}
.main-area-quote {padding: 0;}
#section-a p { font-size: 18px; padding: 20px 30px; text-align: center;}
#section-b p { font-size: 18px;}


/* Social */
#social-inner {	padding-top: 0;}


/* List */
ul.site { margin: 10px 0 10px 0}
ul.site li { font-size:16px; padding: 5px 0; letter-spacing:0.02em; list-style-position: inside;}
ul.resources { margin-left:0}
ul.resources li {font-size:16px; letter-spacing:0.02em;}

ul.faq-list li {font-size:14px;}


/* ----- Typography ------ */

/* h1 */
h1 { font-size: 30px; padding: 0 0 0 0;}
h1.attorney { font-size: 28px !important; padding: 0 0 0 0;}
h1.contact { font-size: 30px; padding: 0 0 20px 0;}

/* h2 */
h2.poem-name { color:#000; font-size: 18px; padding-top: 10px;}

/* p */
p {text-align: left; letter-spacing:0.02em; font-size:16px; padding:10px 0;}
.firstLetter { margin: 0.35em 0.2em 0.1em 0; font-size:60px; line-height : 0.5;}

/* form */
.form-pad2 {padding: 40px 0 0 0 !important; }

/* Footer */
.footer{ padding-bottom: 2em; padding-top: 1em; }
.footer p { font-size:12px; letter-spacing:0.1em;}

/* Map */
#map {margin-bottom: 20px;}

/* Attorney Photo */
.attorney-photo {float:none; margin-right:0;}
.poem-credits {margin-bottom:40px; text-align:center; letter-spacing:0;}



/* Columns */
.one-half-header, .one-half, .one-half-third, .poem-left, .poem-right, .two-half-third, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .one-sixth { margin: 0; width: 100%; float: none;}

.header {display: flex; flex-flow: row wrap;}
.one-half-header {flex-basis: 100%; order: 1;}
.one-fourth {flex-basis: 100%; order: 2;}

}


@media screen and (max-width: 480px) and (orientation:landscape){
	
/* ----- Header ------ */
.one-fourth p {margin: 15px 0 0 0 !important;}
.one-fourth p.phone-number { font-size: 20px; margin:0.4em!important; margin-bottom: 20px!important;}
	
/* Logo */
#logo img { padding-top: 0.2em; max-width: 100%; height: 116px !important; max-height: 116px !important; text-align:center;}
#logo { text-align: center; padding-top:20px;}

/* Banner */
#page-title-b {display:none;}
.banner-image h2 { padding: 10px 0; font-size: 14px;}


/* Section  */
.main-area {padding: 2em !important;}
.quote-area { margin: 0px auto;}
.main-area-quote {padding: 0;}
#section-a p { font-size: 18px; padding: 20px 30px; text-align: center;}
#section-b p { font-size: 18px;}


/* Social */
#social-inner {	padding-top: 0;}


/* List */
ul.site { margin: 10px 0 10px 0}
ul.site li { font-size:16px; padding: 5px 0; letter-spacing:0.02em; list-style-position: inside;}
ul.resources { margin-left:0}
ul.resources li {font-size:16px; letter-spacing:0.02em;}

ul.faq-list li {font-size:14px;}


/* ----- Typography ------ */

/* h1 */
h1 { font-size: 30px; padding: 0 0 0 0;}
h1.attorney { font-size: 28px !important; padding: 0 0 0 0;}
h1.contact { font-size: 30px; padding: 0 0 20px 0;}

/* h2 */
h2.poem-name { color:#000; font-size: 18px; padding-top: 10px;}

/* p */
p {text-align: left; letter-spacing:0.02em; font-size:16px; padding:10px 0;}
.firstLetter { margin: 0.35em 0.2em 0.1em 0; font-size:60px; line-height : 0.5;}

/* form */
.form-pad2 {padding: 40px 0 0 0 !important; }

/* Footer */
.footer{ padding-bottom: 2em; padding-top: 1em; }
.footer p { font-size:12px; letter-spacing:0.1em;}

/* Map */
#map {margin-bottom: 20px;}

/* Attorney Photo */
.attorney-photo {float:none; margin-right:0;}
.poem-credits {margin-bottom:40px; text-align:center; letter-spacing:0;}



/* Columns */
.one-half-header, .one-half, .one-half-third, .poem-left, .poem-right, .two-half-third, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .one-sixth { margin: 0; width: 100%; float: none;}

.header {display: flex; flex-flow: row wrap;}
.one-half-header {flex-basis: 100%; order: 1;}
.one-fourth {flex-basis: 100%; order: 2;}



}