@media all and (min-width: 601px)
{
	.invisible-GT-600px { display: none !important; }
}
@media all and (max-width: 600px)
{
	.invisible-LE-600px { display: none !important; }
}
@media only screen and (max-width: 950px) and (max-height: 450px)
and (orientation: landscape) 
{
	.invisible-mobile-landscape { display: none !important; }
}

@media all and (min-width: 2049px)
{
}

/* -- 2048, "4:3", "Retina iPad" */
@media all and (max-width: 2048px)
{
}

/* -- 1920, "16:10", "WUXGA" */
@media all and (max-width: 1920px)
{
}

/* -- 1680, "16:10", "WSXGA+" */
@media all and (max-width: 1680px)
{
	#menu > ul > li a { color: #fff; padding: 0.25em 0.7em 0.25em 0.7em; text-align: center; display: inline-block; position: relative; text-decoration: none; }
}

/* -- 1440, "16:10", "WXGA+ (MacBook Pro 15-inch)" */
@media all and (max-width: 1440px)
{
}

/* -- 1366, "~16:9", "WXGA" */
@media all and (max-width: 1366px)
{
}

/* -- 1280, "16:10", "Nest Hub Max" */
/* -- 1280, "16:10", "WXGA (MacBook Pro 13-inch)" */
/* -- 1280, "5:4", "SXGA" */
@media all and (max-width: 1280px)
{
}

/* -- 820, "1.44", "iPad Air" */
/* -- 912, "1.5", "Surface Pro 7" */
/* -- 1024, "1:1.71", "Nest Hub" */
/* -- 1024, "4:3", "XGA, iPad Mini, iPad 1st and 2nd generation" */
@media all and (max-width: 1024px)
{
}

@media only screen and (max-width: 950px) and (max-height: 450px)
and (orientation: landscape) 
{
	body section { max-width: 100%; }
	footer { font-size: 110%; max-width: 100%; margin-bottom: 0; }
	footer #social-links-dd { font-size: 110%; }

	body a.button { font-size: 80%; }

	body#home section#section-1 #title { padding: 2.5ch; }
	
	body#home section#section-1 #lead { margin-top: 10%; margin-right: 1em; }
	body#home div.blurb { padding: 0.5em 3em 5em 1em; }

	body section#section-1,
	body section#section-1 #bkg { min-height: 63vw !important; min-height: min(63vw, 100vh) !important; }
	body#resources section#section-1 { min-height: auto !important; }
	
	body#home a.button { font-size: 2vw; }
	body#home #blurb-1 span { font-size: 2vw; }
	
	body#workshops section#section-1 #bkg { background: url(../images/photos/Dianne-Devitt-workshops-background-cropped.jpg) center top no-repeat; background-size: cover; }
	body#workshops section#section-1 #lead { position: absolute; bottom: 2vw; left: 0; right: 50%; }
	body#workshops #lead h1 { font-size: 130% !important; }
	body#workshops #lead #intro { font-size: 1.8vw !important; }
	body#workshops section#section-1 #lead { right: 50%; }
	body#workshops section#section-2 .feature-block h2 { font-size: 140%; }
	body#workshops section#section-2 .feature-block:nth-child(odd),
	body#workshops section#section-2 .feature-block:nth-child(even)
	{ padding: 2em !important; padding: min(4ch, 2em) !important; }
	
	body#speaking section#section-1 #bkg { background-size: contain; }
	body#speaking section#section-1 { background: url(../images/photos/Dianne-Devitt-speaking-background-tile.jpg) repeat-x; background-size: contain; }

	body#speaking #lead { padding: 0 1.7em 0 0 !important; }
	body#speaking section#section-1 #title h3 { font-size: 85%; letter-spacing: 0; }
	body#speaking #lead #intro p { font-size: 1.75vw !important; line-height: 1.2em !important; }
	body#speaking #intro p.arrow-down { margin-bottom: -1.5em; margin-top: -0.5em; }
	body#speaking #lead a.arrow-right { display: none; }

	body#meetdianne #lead, body#moreaboutdianne lead { bottom: 0; }
	body#meetdianne #lead #intro, body#moreaboutdianne #lead intro { font-size: 1.8vw !important; }

	body#resources #p1 { max-height: 100% !important; }
	body#resources #p2 img { bottom: 4vh; width: 95%; }
	body#resources .table-of-contents a { font-size: 100%; }
	body#resources #p2 q p { font-size: 120%; }
	body#resources #p2 { width: 76%; }
	body#resources table.features+table.features { margin-top: 2ch; }
	
	#event-cycle #button-fs { display: none; }
}

@media all and (max-width: 900px)
{
	body#resources #section-blog-bkg { text-align: center; background: #223342; }
	body#resources #section-blog-bkg h2 { right: 0; text-align: right !important; }

	body#resources #section-blog-bkg > img { display: block; }
	body#resources #section-blog-bkg .arrow-down svg { height: 4em !important; width: 4em !important; }
	body#resources #section-blog-bkg .arrow-down { margin-top: -4em; margin-bottom: 1.5em; display: block; }
	body#resources section#blog table { max-width: 100%; background: rgba(255,255,255, 0.85); }
}

/* -- 800, "4:3", "SVGA" */
@media all and (max-width: 800px)
{
	body#home #menu fw-collapse { display: none; }
}

/* -- 768, "3:4", "XGA, iPad Mini, iPad 1st and 2nd generation" */
@media all and (max-width: 768px)
{
}

@media all and (min-width: 601px)
{
	body#blog section#section-1 iframe { margin-top: 1.85em; }
	body#contact section#section-1 iframe { margin-top: 2em; }
}

@media all and (max-width: 600px)
{
	body section#section-1 { height: 100%; min-height: 80vw; min-height: min(80vw, 100vh); position: relative; }
	body section#section-1 #bkg { height: 100%; min-height: 80vw; min-height: min(80vw, 100vh); }
	
	a.button { border-radius: 0.4em; border: 0px; padding: 0.5em 2em 0.5em 3.5em; font-size: 3vw; font-size: calc(min(1.2vw, 1.92vh) * 2.5); font-weight: 600; }

	.col { width: 100%; float: none; display: block; }

	p, li, td { font-size: inherit !important; } 

	figure { padding: 0; margin: 0 0 1.5em 0; }

	body.error section#section-1 #title { margin-top: 0%; }
	body.error section#section-1 #title h1 { font-size: 8vw; }
	body.error section#section-1 p { font-size: 4vw; }

	body#home { background: #330454; }
	body#home section#section-1 { background: #fff url(../images/photos/Dianne-Devitt-home-background.jpg) 30% top no-repeat; background-size: auto 600px; margin: 0; height: 600px; min-height: auto; max-width: 100%; position: relative; }
	body#home section#section-1 #lead { margin-top: 350px; }
	body#home section#section-1 #lead { width: 100%; text-align: center; }
	body#home section#section-1 #title { background: rgba(35, 10, 130, 0.45); border: 0; max-width: 100%; padding: 1rem; bottom: 6.5rem; position: absolute; right: 0; left: 0; }
	body#home section#section-1 #title h1 { color: transparent; background: url(../images/logos/Dianne_Devitt_logo_600px_shadow_c.png) center 0.2rem no-repeat; background-size: contain; height: 3.5rem; width: 100% !important; max-width: 100% !important; text-align: center !important; }

	body#home section#section-1 #title h2 { font-size: 7.5vw; text-align: center !important; }
	body#home section#section-1 #title h3 { font-size: 3.5vw; text-align: center !important; }
	body#home section#section-1 #blurb { display: none; }
	body#home section#section-2 { padding: 4vw; padding: max(1em, 4vw); padding-bottom: 0; }
	body#home section#home-section-2 .feature-block,
	body#home section#quotations .feature-block
	{ display: block !important; }
	
	body#home .button-row
	{
		position: absolute;
		bottom: 3rem;
		left: 50%;
		margin-left: -25%;
	}

	footer { text-align: center; padding: 1em; font-size: 4.6vw; font-size: min(4.6vw, 2.2vh); background: #330454; margin-bottom: 0; }
	footer #social-links-dd a { color: rgba(255,255,255, 0.7); }

	body#meetdianne section#section-1, body#moreaboutdianne section#section-1 { height: 100%; min-height: 80vw; min-height: min(70vw, 100vh); position: relative; }
	body#meetdianne section#section-1 #bkg, body#moreaboutdianne section#section-1 #bkg { height: 100%; min-height: 80vw; min-height: min(70vw, 100vh); }

	body#meetdianne section#section-2 .col:first-of-type, body#moreaboutdianne section#section-2 .col:first-of-type
	{
		width: 100%;
		display: table-footer-group;
		text-align: left; 
	}
	body#moreaboutdianne section#section-2 .col:first-of-type
	{
		float: left;
	}
	body#meetdianne section#section-2 .col:first-of-type:last-of-type, body#moreaboutdianne section#section-2 .col:first-of-type:last-of-type
	{
		width: 100%;
		display: table-header-group;
	}

	body#meetdianne section#section-2 .col figure, body#moreaboutdianne section#section-2 .col figure { margin: auto !important; }

	body#meetdianne section#section-2 .col figure,
	body#meetdianne section#section-2 .col figcaption,
	body#moreaboutdianne section#section-2 .col figure,
	body#moreaboutdianne section#section-2 .col figcaption { font-size: 3vw; }
	body#meetdianne section#section-2 .col p, body#moreaboutdianne section#section-2 .col p  { margin-left: auto !important; margin-right: auto !important; padding: 0 !important; max-width: 60ch !important; font-size: 4vw; }
	
	body#meetdianne section#section-2, body#moreaboutdianne section#section-2 { padding: 2em !important; padding: min(4ch, 2em) !important; }

	body#meetdianne #lead, body#moreaboutdianne #lead { left: 0 !important; bottom: unset !important; top: auto; }
	body#meetdianne .title , body#moreaboutdianne .title { text-align: center; transform: translateY(-100%); position: absolute; width: 100%; }
	body#meetdianne #lead , body#moreaboutdianne #lead { position: relative !important; }
	body#meetdianne .title h1 , body#moreaboutdianne .title h1 { font-size: 5vw !important; padding: 2vw; }

	body#meetdianne #intro,
	body#meetdianne #intro p,
	body#moreaboutdianne #intro,
	body#moreaboutdianne #intro p { font-size: 4vw; }

	body#meetdianne a.button.icon-right, body#meetdianne a.button.arrow-right {
		margin-top: 1em;
		margin-bottom: 1em;
	}

	body#workshops section#section-1 td { padding: 2em !important; padding: min(4ch, 2em) !important; }
	body#workshops section#section-1 { padding-top: 3em; }
	body#workshops section#section-1 td figure { float: none; max-width: 100%; }
	
	body#workshops section#section-2 .feature-block { display: block !important; float: left; width: 100%; }
	body#workshops section#section-2 .feature-block:nth-child(odd),
	body#workshops section#section-2 .feature-block:nth-child(even)
	{ padding: 2em !important; padding: min(4ch, 2em) !important; }
	body#workshops section#section-2 .feature-block p { font-size: 4vw; }
	body#workshops section#section-2 .feature-block h2 { font-size: 5.5vw; }
	body#workshops a.button.arrow-right { padding: 0.5em 0em 0.5em 1.5em; }
	body#workshops #intro p.arrow-down { margin-bottom: 0.5em; }

	body#workshops section#section-2 #colorup td:nth-child(1) { padding-top: 3em !important; padding-bottom: 0 !important; }
	body#workshops section#section-2 table.features #colorup td.feature-block:nth-child(even) { padding-top: 0 !important; padding-bottom: 4em !important; }
	body#workshops section#section-2 #colorup { background: #e4e1f4 url(../images/misc/feature-block-colorup-bkg.jpg) left bottom no-repeat; background-size: 100%; }
	body#workshops section#section-1 .title h1+h3 { margin: 0em 0 0.5em 0; }
	#po7-photo { margin-top: 1em !important; }
	
	body#certificate section#section-1 .feature-block,
	body#certificate section#section-1 .feature-block:nth-child(odd) { display: block !important; float: left; width: 100%; padding-left: max(2.5em, 2.5vw, 5ch) !important; }
	body#certificate section#section-1 .feature-block:not(first-child) { display: block !important; float: left; width: 100%; padding-top: max(2.5em, 2.5vw, 5ch) !important; }
	body#certificate td#event-photos img:nth-of-type(even) { border-bottom: 0; margin-bottom: 0; }
body#certificate td#event-photos img:nth-of-type(odd) { border-top: 0; margin-top: 0; }

	body#certificate q::before { width: 6vw !important; height: 6vw!important;     margin-top: -1em; margin-bottom: 0.85em; margin-left: -1em; }

	body#speaking section#section-1, body#speaking section#section-1 #bkg { background-color: #e7e8eb; }
	body#speaking section#section-1 #bkg { background-position: left 20px; }


	body#speaking section#section-1 { height: 100%; min-height: 71vw; }
	body#speaking section#section-1 #bkg { min-height: 71vw; }

	body#speaking section#section-1 #lead { padding: 0; bottom: 0.5em; left: 50%; text-align: center; }
	body#speaking section#section-1 #title h1 { font-size: 9vw !important; line-height: 90%; margin-bottom: 0.1em !important; -webkit-text-stroke: 0.5px rgba(255, 255, 255, 1.0); }
	body#speaking section#section-1 #title h2 { font-size: 5vw !important; line-height: 90%; }
	body#speaking section#section-1 #title h3 { font-size: 4vw !important; line-height: 150%; margin-top: 0 !important; margin-bottom: 0.5em !important; letter-spacing: -0.5px; text-shadow: 0 0 1em rgba(255, 255, 255, 1); }
	body#speaking section#section-1 #title h3 span { color: transparent; display: block; height: 0px; }
	body#speaking section#section-1 #title h1 span { color: #fdcf00; }
	#intro a[href="#section-2"].button svg { height: 8vw; width: 8vw; }
	body#speaking section#section-2 q { font-size: 3.25vw; font-weight: 350; }

	body#speaking section#section-2 .callout,
	body#speaking section#section-2 .q-bar
	{ margin-left: 0.5em; }
	body#speaking section#section-2 .callout h1 { font-size: 150% !important; }
	body#speaking section#section-2 .callout p { max-width: 30ch; line-height: 130%; margin-bottom: 1ch; text-align: left; hyphens: none; }
	body#speaking section#section-2 .callout h2 { font-size: 120% !important; margin-top: 1.25ch; }
	body#speaking section#section-2 { color: #000; background: #F0F1ED url(../images/photos/Dianne-Devitt-speaking-background-p2.jpg) right bottom no-repeat; background-size: 130%; }
	body#speaking section#section-2 q::before { width: 6vw; height: 6vw; margin-left: -6vw !important; margin-bottom: 0; }

	body#speaking section#section-2 { height: auto; padding: 4vw 8vw 8vw 4vw; }
	body#speaking section#section-2 #intro-2 { background-image: linear-gradient(10deg, #F0F1ED 0%, #F0F1ED 78%, #FACF4D 95%); width: 100vw; margin: -2.5em 0 0 -1em; padding: 4em 2em 2em 2em; }
	
	body#resources #mastermind h2 { font-size: 5.5vw !important; }
	body#resources #lead { padding: 0 6vw 0 6vw; }
	body#resources #p2 { 
		width: 100%; 
		position: absolute;
		bottom: 0;
		height: auto;
		background: #fff;
    }
    body#resources .table-of-contents { padding: 0em 2em 3em 2em; float: none; display: inline-block; }
    body#resources .table-of-contents div.column { float: none; max-width: 100%; }
	body#resources #intro img { transform: translateY(3em); }
	body#resources section#section-1 .two-col { display: block; }

	body#resources .book-col-2 { display: block; width: 100%; }	
	body#resources .book-col-2 p { line-height: 150%; font-size: 5vw; }
	body#resources .book-col-2 q::before { width: 6vw; height: 6vw; /* margin-left: -6vw;  */ margin-bottom: -2.5em; }
/* 
	body#resources section.books { padding: 8vw; padding-top: 18vw; }
 */
	section.books:nth-of-type(1) { padding: 22vw 8vw 3vw 8vw; }

	body#resources section.books .book-col-2 .container-photo { width: 100%; margin-left: 0; }
	body#resources section.books table.features td { width: 100%; }
	body#resources section.books table.features td:nth-of-type(2) { padding: 0; }
	
	body#resources section.books #color-book { padding-top: 0 !important; }
	body#resources section.books #color-book .container-photo { width: 100%; margin: 0 0 5ch 0; display: none !important; }
	body#resources section.books .book-cover { width: 42% !important; margin-top: 0; }
	body#resources section.books table.features { display: block; margin-top: 3ch; }
	body#resources section.books table.features .feature-block { display: block; float: none; width: 100%; padding: 0 !important; }
	body#resources section.books .book-title { float: none; width: auto; padding: 0; }
	body#resources section.books table.features .feature-block .container-book { margin: 0 2em 2em 0; }
	body#resources section.books table.features .feature-block ul { display: table-cell; padding: 0; }
	body#resources section.books table.features #color-book.feature-block .container-book { float: right; margin-right: 0; padding: 0; margin-left: 1.5em; }
	body#resources .book-col-2 q { margin-bottom: 8%; margin-top: -2em; }
	.main-carousel.is-fullscreen .flickity-fullscreen-button { top: 6em !important; }
	
	body#resources section#blog .blog-pic { width: 50%; }
	body#resources section#blog table td p { text-align: left; }
	
	body#resources section#section-circle #request-for-membership h2 { font-size: 150%; margin-top: 2em; }
	body#resources section#section-circle #request-for-membership h2,
	body#resources section#section-circle #request-for-membership p { text-shadow: -0.25em -0.25em 1em rgba(255,255,255, 1),  0.25em 0.25em 1em rgba(255,255,255, 1),  -0.25em 0.25em 1em rgba(255,255,255, 1),  1em -0.25em 1em rgba(255,255,255, 1); }

	body#resources #case-studies h2 { font-size: 3.35vw; _font-size: min(3.35vw, 5.36vh); float: left; font-size: 150%; float: none; }
	body#resources #case-studies #blurb { float: none; }

	body#resources #mastermind td { display: block; width: 100%; }
	body#resources #mastermind { padding-top: 5em; }
	body#resources #mastermind table.features td:nth-of-type(1) {
    padding-right: 0;
}
	body#resources #mastermind table.features td:nth-of-type(2) {
    padding-left: 0;
}
	body#resources #mastermind.gold-gradient
	{ 
		background: #fff; background-image: linear-gradient(347deg, rgba(233,201,84, 1.0) 5%, rgba(233,201,84, 0.1) 10%, #f9f9f9 40%, #f9f9f9 90%, rgba(243,211,84, 0.85) 100%);
	}

	body#creativecircle #submenu { display: none; }
	body#creativecircle #section-1 #lead { font-size: 120%; font-weight: 600 !important; }
	body#creativecircle section#section-1 #title h1 { font-size: 150%; }
	body#creativecircle #section-1 #intro p { text-shadow: -0.25em -0.25em 1em rgba(255,255,255, 1), 0.25em 0.25em 1em rgba(255,255,255, 1), -0.25em 0.25em 1em rgba(255,255,255, 1), 1em -0.25em 1em rgba(255,255,255, 1) !important; }
	body#creativecircle section#circle-columns { padding: 2em 1.5em 3em 1.5em; background: #fff; /* background-image: linear-gradient(347deg, rgba(75,42,175, 0.8) 0%, rgba(75,42,175, 0.35) 5%, rgba(75,42,175, 0.15) 10%, #fff 15%, #fff 93%, rgba(75,52,185, 0.6) 100%); */ }
	body#creativecircle section#circle-columns td { display: block; }
	body#creativecircle section#section-1 { background-color: #fff; background-size: 220% auto; }
	body#creativecircle #lead, body#creativecircle section#section-1 #title h1 { float: none; width: 100%; text-align: center !important; }
	body#creativecircle #intro .arrow-down { margin: auto; display: none; }

	body#contact section#section-1,
	body#blog section#section-1
	{ height: 100%; min-height: 100vh; }

	#event-cycle #button-fs { display: none; }

}


/* -- 540, "1.33", "Surface Duo" */
@media all and (max-width: 550px)
{
}

/* -- 412, "2.22", "Samsung Galaxy A51/71" */
/* -- 412, "2.22", "Samsung Galaxy S20 Ultra" */
/* -- 414, "2.16", "iPhone XR" */
@media all and (max-width: 450px)
{
}

/* -- 280, "2.33", "Galaxy Fold" */
/* -- 360, "2.05", "Samsung Galaxy S8+" */
/* -- 375, "9:16", "iPhone SE" */
/* -- 390, "2.16", "iPhone 12 Pro" */
/* -- 393, "2.16", "Pixel 5" */
@media all and (max-width: 400px)
{
}