html, body						{ margin: 0; padding: 0; border: 0; outline: 0; background-color: #ECF1F5; font-size: 100%; }

a:link							{ color: white; text-decoration: none; }
a:visited						{ color: white; text-decoration: none; }
a:hover							{ color: white; text-decoration: none; }
a:active						{ color: white; text-decoration: none; }

a#privacy-link:link					{ color: #1a1a1a; text-decoration: none; }
a#privacy-link:hover                                    { color: #1a1a1a; text-decoration: none; }

header#logo						{ color: #ccc; font: .95em 'Noto Sans', sans-serif; font-style: normal; font-weight: 400; padding: 0 0 0 .25em; }
header#top						{ background-color: #f7f7f7; border-bottom: 0 solid #265373; }
section.videobody					{ box-sizing: border-box; width: 100%; margin: 0 auto; border: 2px solid #f2f2f2; border-radius: .1em; }
section#body						{ box-sizing: border-box; width: 870px; margin: 0 auto; padding: .5em 3em 1em 3em; background-color: white; border-width: 2px; border-style: none solid solid solid; border-color: #ebebeb; border-radius: 0 0 .15em .15em; }

/* VIDEO */
.videowrap						{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; border: 0; }
.videowrap iframe					{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

section#optin                                           { display: table; box-sizing: border-box; width: 870px; margin: 0 auto; padding: 0; background-color: white; border: 3px solid #ebebeb; }
section#leftcolumn                                      { box-sizing: border-box; display: inline-block; vertical-align: top; float: left; width: 100%; padding: 0; }
section#rightcolumn                                     { box-sizing: border-box; display: inline-block; vertical-align: top; float: right; width: 38%; border-left: 3px solid #ebebeb; }

h1							{ color: #000; width: 100%; font: 2.4em 'Noto Sans', sans-serif; font-weight: 500; text-align: center; margin: 0 auto; padding: .4em 0 0 0; line-height: 1.37; }
h2							{ color: #000; font: 1.4em 'Noto Sans', sans-serif; text-align: center; font-weight: 500; margin: 0 auto; padding: 0 0 1em 0; line-height: 1.44; }
h3							{ box-sizing: border-box; color: #262626; font: 1.8em 'Noto Sans', sans-serif; font-weight: 500; text-align: center; margin: 0 auto; padding: .3em 0 .4em 0; line-height: 1.55; }

p							{ text-indent: 1em; color: #000; font: 1.25em 'Noto Sans', sans-serif; margin: 1.25em 0; padding: 0; font-style: normal; font-weight: 400; line-height: 1.61; }
p#first							{ text-indent: 1em; margin: 0; padding-top: 2em; }
p#first:first-letter                                    { color: #b3b3b3; font: 2.2em 'Roboto Slab', sans-serif; font-weight: 300; line-height: 0; }
p.s							{ text-indent: 0; padding-top: 2em; }
p.no-indent						{ text-indent: 0; }
p.ns							{ text-indent: 0; margin-top: 0; }
p#privacy						{ text-indent: 0; width: 90%; font: 1.05em 'Noto Sans', sans-serif; transition: all .4s ease-in-out 0s; color: #1a1a1a; text-align: center; font-weight: 400; margin: auto; padding: .5em 0 .25em 0; opacity: .7; }
p#privacy:hover						{ opacity: 1; cursor: pointer; }
p.center						{ text-indent: 0; text-align: center; margin: 0; }


p.purple                                                { color: #4e5886; }
span.red                                                { color: #990000; }
span.orange                                             { color: #ca7011; }
span.blue                                               { color: #306598; /* color: #1c8adb; 365b78 */ }
span.gold                                               { color: #f4ab67; }
.headunderline						{ border-bottom: 2px solid #e6e6e6; }

.normal							{ font-weight: 400; }
.bold							{ font-weight: 700; }
.bolder                                                 { font-weight: 800; }
.boldest                                                { font-weight: 900; }
.italic                                                 { font-style: italic; }
.underline						{ text-decoration: underline; }
.crossout						{ text-decoration: line-through; }

aside#bio						{ width: 240px; float: right; background-color: #b7d3e1; border-color: #a6bfcc; border-width: 2px; border-style: none none solid solid; border-radius: 0 .6em 0 .6em; margin: 0 0 3em 2em; padding: .6em .55em 0 .75em; }
aside#postit						{ width: 300px; float: right; background-color: #b7d3e1; border: #a6bfcc 2px solid; border-radius: .6em; margin: 2em 1em 2em 2em; padding: .7em 1em 0 1em; }

#biotext						{ color: #30414d; font: .8em 'Noto Sans', sans-serif; font-weight: 300; text-align: left; }
#post							{ color: #30414d; font: .8em 'Noto Sans', sans-serif; font-weight: 300; text-align: left; }

img#cover						{ box-sizing: border-box; display: block; width: 500px; height: auto; text-align: center; float: none; margin: 1em auto 1.5em auto; padding: 0; border: 0; }
img#flat-cover                                          { box-sizing: border-box; display: block; width: 400px; height: auto; text-align: center; float: none; margin: 1em auto 1.5em auto; padding: 0; border: 0; border: 3px solid #f2f2f2; border-radius: .2em; }

.price                                                  { color: #808080; width: 100%; font: 2.3em 'Noto Sans', sans-serif; font-weight: 400; text-align: center; margin: 0 auto; padding: 0 0 .6em 0; }
#ps                                                     { color: #404040; width: 100%; font: 2.3em 'Noto Sans', sans-serif; font-weight: 400; text-align: center; margin: 0 auto; padding: 0 0 .6em 0; }

div#ctabox                                              { box-sizing: border-box; display: block; width: 100%; background-color: #fafafa; padding: 1em 2em; }


div#covertitle						{ font: 1.5em 'Roboto', sans-serif; color: white; text-align: center; font-weight: 600; margin: 0; padding: 0 2.5em; }
div#author						{ font: 1.05em 'Roboto', sans-serif; color: white; text-align: center; font-weight: 500; margin: 0; padding: 0; }

section.benefits                                        { background: #fafafa; margin: 2em 0; padding: 0 2em 1.5em 2em; border: 2px solid #f2f2f2; border-radius: .15em; }
ul							{ list-style: disc inside url("media/purple-bullet.svg"); margin: 0; padding: 1.5em 0 0 0; }
li							{ color: #808080; font: 1.15em 'Noto Sans', sans-serif; font-weight: 400; margin: 1.15em 0; line-height: 1.61; }
li:first-child						{ margin-top: 0; }
li:last-child						{ margin-bottom: 0; }
li:nth-child(even)					{ font-weight: 600; }


div#sigblocks                                           { display: table; box-sizing: border-box; width: 100%; margin: 0; padding: 0 0 1em 0; border-bottom: 4px solid #f7f7f7; }
div#sigcol                                              { box-sizing: border-box; display: inline-block; float: left; vertical-align: top; width: 70%; }
div#sigpiccol                                           { box-sizing: border-box; display: inline-block; float: right; vertical-align: top; width: 30%; }
div.sigblock                                            { text-align: left; margin: 0; padding: 0; }

img#sigportrait                                         { width: 100%; max-width: 125px; height: auto; float: right; margin-top: 1.3em; border: 4px solid #f0f0f0; border-radius: 50%; }

div#sigbox						{ border-bottom: 4px solid #f7f7f7; }
p#signoff						{ text-indent: 0; margin: 1.15em 0 0 0; padding: 0; }
p#signature						{ text-indent: 0; font: 2.2em 'Cedarville Cursive', cursive; color: #262626; font-weight: 400; margin: 0; padding: 0; }
p#position						{ text-indent: 0; font-style: italic; margin: 0 0 .75em 0; padding: 0; }



/* #4e5886 #636fa9 */
/* #365b78 #437094 */
/* #1d4e89 */
/* #68b8c1 */
div.bigbutton						{ box-sizing: border-box; width: 100%; transition: all .5s ease-in-out 0s; background-color: #306598; border-radius: .05em; color: white; font: 2.4em 'Noto Sans', sans-serif; font-weight: 700; text-decoration: none; margin: 0 auto .2em auto; padding: .55em 0 .65em 0; text-align: center; }
div.bigbutton:hover                                     { background-color: #3e82c3; box-shadow: 0 0 1px #b3b3b3; }


a.physical                                              { box-sizing: border-box; display: block; width: 100%; background-color: #db9a5c; transition: all .5s ease-in-out 0s; font: 1.9em 'Noto Sans', sans-serif; font-weight: 700; color: white; text-align: center; margin: 0 auto; padding: .5em 0 .7em 0; border-radius: .05em; }
a.physical:hover                                        { background-color: #f7ae68; box-shadow: 0 0 1px #b3b3b3; }
a.physical:active                                       { background-color: #f7ae68; box-shadow: 0 0 1px #b3b3b3; }


/* #f4ab67 #db9a5c */
/* #f79256 */
/* #f77532 */
/*
a.physical                                              { box-sizing: border-box; display: block; width: 100%; transition: all .5s ease-in-out 0s; font: 1.9em 'Noto Sans', sans-serif; font-weight: 700; color: #f9cb8c; text-align: center; margin: 0 auto; padding: .3em 0 .5em 0; border: 3px solid #f9cb8c; border-radius: .05em; }
a.physical:hover                                        { color: #db9a5c; border-color: #c8a371; }
a.physical:active                                       { color: #db9a5c; border-color: #c8a371; }
*/


/* IMAGES */
figure							{ float: left; color: #999; font: .95em 'Noto Sans', sans-serif; font-weight: 700; text-align: center; line-height: 1.4; }
figure#fig-portrait					{ background-color: #fafafa; margin: 0 1em 2em 2em; padding: .5em 1em; float: right; width: 30%; border: 2px solid #f2f2f2; border-radius: .25em; }

.right							{ float: right; }
.left							{ float: left; }
.center							{ display: block; float: none; margin-left: auto; margin-right: auto; }
.rounded						{ border-radius: .5em; }
.lessrounded						{ border-radius: .4em; }

img#img-portrait					{ width: 100%; height: auto; border-radius: 50%; margin-bottom: .5em; border: 2px solid #f0f0f0; }
img#guide						{ float: right; display: inline; width: 250px; height: auto; margin: 3.5em .5em 1em 2.5em; border-radius: .15em; box-shadow: 0 0 1px #b3b3b3; }

footer							{ width: 100%; font: .95em 'Noto Sans', sans-serif; color: #ccc; font-weight: 400; text-align: center; border-top: 2px solid #f0f0f0; }
#privacy						{ font: .95em 'Noto Sans', sans-serif; font-weight: 400; }
#copyright						{ color: #ccc; font: .95em 'Noto Sans', sans-serif; font-weight: 400; }





@media only screen and                                  (max-width: 950px) {

header#logo						{ display: none; color: #ccc; font: .95em 'Noto Sans', sans-serif; font-weight: 400; padding: 0 0 0 .25em; }
header#top						{ background-color: #f7f7f7; border-bottom: 0 solid #265373; }
section#body						{ width: 92%; margin: 0 4% 0 4%; padding: .2em 6% 1em 6%; background-color: white; border-radius: 0 0 .15em .15em; }
section.videobody					{ width: 92%; margin: 0 4%; }

section#optin                                           { display: table; box-sizing: border-box; width: 92%; margin: 0 auto; padding: 0; background-color: white; border: 3px solid #ebebeb; }
section#leftcolumn                                      { box-sizing: border-box; display: block; vertical-align: top; float: none; width: 100%; padding: 0; border: 0; }
section#rightcolumn                                     { box-sizing: border-box; display: block; vertical-align: top; float: none; width: 100%; border-left: 0; }

h1							{ color: #262626; font: 2.2em 'Noto Sans', sans-serif; font-weight: 500; text-align: center; margin: 0; padding: .5em 0 0 0; width: 100%; min-width: 0; line-height: 1.38; }
h2							{ color: #262626; font: 1.4em 'Noto Sans', sans-serif; text-align: center; font-weight: 500; margin: 0 auto; padding: 0 3% 1em 3%; width: 94%; max-width: none; line-height: 1.48; }
h3							{ width: 94%; color: #262626; font: 1.6em 'Noto Sans', sans-serif; font-weight: 500; text-align: center; margin: 0 auto; padding: .3em 3% .4em 3%; line-height: 1.48; }

p							{ text-indent: 1em; color: #151515; font: 1.15em 'Noto Sans', sans-serif; margin: 1.15em 0; padding: 0; font-weight: 400; line-height: 1.61; }
p#first							{ text-indent: 0; padding-top: 1em; }
p#first:first-letter                                    { color: #b3b3b3; font: 2.2em 'Zilla Slab', sans-serif; font-weight: 300; line-height: 30px; }

div#sigbox						{ padding-left: 1em; margin-top: 1.2em; }
p#signoff						{ text-indent: 0; margin: 1.2em 0 0 0; padding: 0; }
p#signature						{ text-indent: 0; font: 2.2em 'Cedarville Cursive', cursive; color: #262626; font-weight: 400; margin: 0; padding: 0; }
p#position						{ text-indent: 0; font-style: italic; margin: 0 0 .75em 0; padding: 0; }

section.benefits                                        { background: #fafafa; margin: 0; padding: 0 1.5em 1.5em 1.5em; border: 2px solid #f2f2f2; border-radius: .15em; }
ul							{ list-style-image: url("media/purple-bullet.svg"); margin: 0; padding: 1.5em 0 0 0; }
li							{ color: #737373; font: 1.15em 'Noto Sans', sans-serif; font-weight: 400; margin: 1.15em 0; line-height: 1.61; }

img#cover						{ width: 100%; max-width: 500px; height: auto; margin: 1em auto 1.5em auto; }
img#flat-cover						{ width: 88%; max-width: 400px; height: auto; margin: 1em auto 1.5em auto; }

.price                                                  { color: #808080; width: 100%; font: 2.2em 'Noto Sans', sans-serif; font-weight: 400; text-align: center; margin: 0 auto; padding: 0 0 .8em 0; }


div#ctabox                                              { box-sizing: border-box; display: block; width: 100%; background-color: #fafafa; padding: 1em 2em; }



div#cover:hover						{ background-color: #2c995b; }
div#cover:active					{ background-color: #2c995b; }
div#covertitle						{ font: 1.45em 'Roboto', sans-serif; color: white; text-align: center; font-weight: 700; margin: 0; padding: 0 2em; }
div#author						{ font: 1em 'Roboto', sans-serif; color: white; text-align: center; font-weight: 400; margin: 0; padding: 0; }

div.bigbutton						{ box-sizing: border-box; width: 100%; transition: all .4s ease-in-out 0s; color: white; font: 2.5em 'Noto Sans', sans-serif; font-weight: 700; text-decoration: none; margin: 0 0 .2em 0; padding: .55em 2% .65em 2%; text-align: center; }
div.bigbutton:active                                    { box-shadow: 0 0 1px #b3b3b3; }
div.bigbutton:hover                                     { box-shadow: 0 0 1px #b3b3b3; }



a.physical                                              { box-sizing: border-box; display: block; width: 100%; background-color: #db9a5c; transition: all .5s ease-in-out 0s; font: 1.9em 'Noto Sans', sans-serif; font-weight: 700; color: white; text-align: center; margin: 0 auto; padding: .55em 1% .75em 1%; border-radius: .05em; }


/*
a.physical                                              { box-sizing: border-box; display: block; width: 100%; transition: all .5s ease-in-out 0s; font: 1.6em 'Noto Sans', sans-serif; font-weight: 700; color: #f9cb8c; text-align: center; margin: 0 auto; padding: .5em 0 .7em 0; border: 3px solid #f9cb8c; border-radius: .05em; }
a.physical:hover                                        { color: #db9a5c; border-color: #c8a371; }
a.physical:active                                       { color: #db9a5c; border-color: #c8a371; }
*/


img#guide						{ float: right; display: inline; width: 35%; max-width: 250px; height: auto; margin: 3em 0 1em 1.5em; border-radius: .15em; box-shadow: 0 0 1px #b3b3b3; }

footer							{ width: 100%; text-align: center; }
#privacy						{ font: 1em 'Noto Sans', sans-serif; font-weight: 400; }
#copyright						{ color: #ccc; font: 1em 'Noto Sans', sans-serif; font-weight: 400; }

}





@media only screen and                                  (max-width: 600px) {

header#logo						{ display: none; color: #ccc; font: .95em 'Noto Sans', sans-serif; font-weight: 400; text-align: center; margin: auto; padding: 0; }
header#top						{ background-color: #f7f7f7; border-bottom: 0 solid #265373; }
section#body						{ width: 100%; margin: 0; padding: .5em 0 .2em 0; background-color: white; border: 0; border-radius: 0; }
section.videobody					{ width: 100%; margin: 0; border-width: 3px 0; border-style: solid; border-color: #f2f2f2; }

section#optin                                           { display: table; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0; background-color: white; border-style: solid none solid none; }
section#leftcolumn                                      { box-sizing: border-box; display: block; vertical-align: top; float: none; width: 100%; padding: 0; border: 0; }
section#rightcolumn                                     { box-sizing: border-box; display: block; vertical-align: top; float: none; width: 100%; border: 0; }

aside#bio						{ width: 240px; float: right; background-color: #b7d3e1; border-width: 2px; border-style: none none solid solid; border-color: #a6bfcc; border-radius: 0; margin: 0 0 3em 2em; padding: .6em .55em 0 .75em; }

h1							{ color: #262626; font: 1.7em 'Noto Sans', sans-serif; font-weight: 500; text-align: center; margin: 0; padding: .2em 4% 0 4%; width: 92%; min-width: 0; line-height: 1.39; }
h2							{ color: #262626; font: 1.1em 'Noto Sans', sans-serif; text-align: center; font-weight: 500; margin: 0 auto; padding: 0 4% 1em 4%; width: 92%; max-width: none; line-height: 1.47; }
h3							{ box-sizing: border-box; color: #262626; font: 1.6em 'Noto Sans', sans-serif; font-weight: 500; text-align: center; margin: 0 auto; padding: .3em 4% .4em 4%; line-height: 1.42; }

p							{ text-indent: 1em; color: #151515; font: 1em 'Noto Sans', sans-serif; margin: 1.25em 0; padding: 0 4%; font-weight: 400; line-height: 1.59; }
p#first							{ text-indent: 1em; margin: 0; padding-top: 0; }
p#first:first-letter                                    { color: #b3b3b3; font: 2.2em 'Zilla Slab', sans-serif; font-weight: 300; line-height: 30px; }

div#sigbox						{ padding-left: 0; margin-top: 1.2em; }
p#signoff						{ text-indent: 0; margin: 0 0 0 0; padding: 0; }
p#signature						{ text-indent: 0; font-size: 2em; font-weight: 400; margin: 0; padding: 0; }
p#position						{ text-indent: 0; font-style: italic; margin: .25em 0 1.5em 0; padding: 0; }

section.benefits                                        { background: #fafafa; margin: 1.5em 0; padding: 1.2em 1.2em 1em 1.2em; border: 2px solid #f2f2f2; border-radius: .15em; }
ul							{ list-style-image: url("media/purple-bullet.svg"); margin: 0; padding: 0; }
li							{ color: #737373; font: 1em 'Noto Sans', sans-serif; font-weight: 400; margin: 1em 0; line-height: 1.59; }

img#cover						{ box-sizing: border-box; width: 100%; max-width: 500px; height: auto; margin: 1em auto 1.5em auto; }
img#flat-cover                                          { box-sizing: border-box; width: 88%; max-width: 400px; height: auto; margin: 1em auto 1.5em auto; }

.price                                                  { color: #808080; width: 100%; font: 1.8em 'Noto Sans', sans-serif; font-weight: 400; text-align: center; margin: 0 auto; padding: 0 0 1em 0; }


div#ctabox                                              { display: block; box-sizing: border-box; width: 100%; background-color: transparent; padding: 0; }


div#cover:hover						{ background-color: #2c995b; }
div#cover:active					{ background-color: #2c995b; }
div#covertitle						{ font: 1.45em 'Roboto', sans-serif; color: white; text-align: center; font-weight: 700; margin: 0; padding: 0 2.5em; }
div#author						{ font: 1em 'Roboto', sans-serif; color: white; text-align: center; font-weight: 400; margin: 0; padding: 0; }

div.bigbutton						{ box-sizing: border-box; width: 94%; border-width: 2px; color: white; font: 2.1em 'Noto Sans', sans-serif; font-weight: 700; text-decoration: none; margin: 0 3% .3em 3%; padding: .8em 2% .85em 2%; text-align: center; }
div.bigbutton:active                                    { box-shadow: 0 0 1px #b3b3b3; }
div.bigbutton:hover                                     { box-shadow: 0 0 1px #b3b3b3; }



a.physical                                              { box-sizing: border-box; display: block; width: 94%; background-color: #db9a5c; transition: all .5s ease-in-out 0s; font: 1.6em 'Noto Sans', sans-serif; font-weight: 700; color: white; text-align: center; margin: 0 3% 1em 3%; padding: .55em 1% .75em 1%; border-radius: .05em; }


/*
a.physical                                              { box-sizing: border-box; display: block; width: 94%; font: 1.4em 'Noto Sans', sans-serif; font-weight: 700; color: #f9cb8c; text-align: center; margin: 0 3% 1em 3%; padding: .3em 1% .5em 1%; border: 2px solid #f9cb8c; border-radius: .05em; }
a.physical:hover                                        { color: #db9a5c; border-color: #c8a371; }
a.physical:active                                       { color: #db9a5c; border-color: #c8a371; }
*/



figure							{ display: block; float: none; color: #999; font: .95em 'Noto Sans', sans-serif; font-weight: 700; margin: 1em auto .5em auto; text-align: center; line-height: 1.4; }
figure#fig-portrait					{ display: block; float: none; width: 80%; max-width: 250px; background-color: #fafafa; font-size: .95em; margin: 1em auto; padding: 1em; border-radius: .25em; }

.right							{ float: right; }
.left							{ float: left; }
.center							{ display: block; float: none; margin-left: auto; margin-right: auto; }

.rounded						{ border-radius: .5em; }
.lessrounded						{ border-radius: .4em; }


div#sigblocks                                           { display: table; box-sizing: border-box; width: 100%; margin: 0; padding: 0 4% 1em 4%; border-bottom: 4px solid #f7f7f7; }

img#sigportrait                                         { margin-top: 0; }

img#img-portrait					{ width: 100%; border-radius: 50%; margin-bottom: .5em; }
img#guide						{ float: none; display: block; width: 75%; max-width: 300px; height: auto; margin: 0 auto 2em auto; border-radius: .15em; box-shadow: 0 0 1px #b3b3b3; }

footer							{ width: 100%; background-color: white; text-align: center; font-size: .9em; margin: 0; padding: 0; border: 0; }
#privacy						{ font: 1em 'Noto Sans', sans-serif; font-weight: 400; }
#copyright						{ color: #1a1a1a; font: 1em 'Noto Sans', sans-serif; font-weight: 400; }

}