:root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 0.70);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 0.70);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 0, 255, 1.00);--link-color-hover:rgba(128, 0, 255, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1000rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 102, 1.00);--link-color-hover:rgba(255, 128, 0, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{background-position:center center;background-attachment:  fixed;background-origin:padding-box;background-blend-mode:normal;background-clip:border-box; /* IE10+ */ 
background-image: -ms-linear-gradient(top, #646782 0%, #000000 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #646782 0%, #000000 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #646782 0%, #000000 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #646782), color-stop(100, #000000));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #646782 0%, #000000 100%);

/* W3C Markup */ 
background-image: linear-gradient(to bottom, #646782 0%, #000000 100%); }
 p,.p,           .paragraphs{font-family:Georgia, Serif }

@font-face{font-family:Mogra;font-style:normal;font-weight:normal;src:url("https://www.joelfletcher.net/resources/mogra-v7-latin-regular.woff") format("woff")}
 h1,.font-family-h1,h1 a,.font-family-h1 a, h2,.font-family-h2,h2 a,.font-family-h2 a, .header-title, .fontpro-stacks_in_129{font-family:"Mogra",sans-serif }

@font-face{font-family:Mogra;font-style:normal;font-weight:normal;src:url("https://www.joelfletcher.net/resources/mogra-v7-latin-regular.woff") format("woff")}
 .navigation, .fontpro-stacks_in_130{font-family:"Mogra",sans-serif }

@font-face{font-family:Mogra;font-style:normal;font-weight:normal;src:url("https://www.joelfletcher.net/resources/mogra-v7-latin-regular.woff") format("woff")}
 .footer-copyright, .fontpro-stacks_in_131{font-family:"Mogra",sans-serif }
         .menu li,   .navigation{font-size:calc(13rem/16) ;}@media only screen and (min-width:40em){         .menu li,   .navigation{font-size:calc(19rem/16) }}@media only screen and (min-width:64em){         .menu li,   .navigation{font-size:calc(19rem/16) }}
  h1,.h1,          .header-title{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em){  h1,.h1,          .header-title{font-size:calc(24rem/16) }}@media only screen and (min-width:64em){  h1,.h1,          .header-title{font-size:calc(24rem/16) }}
            .footer-copyright{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em){            .footer-copyright{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){            .footer-copyright{font-size:calc(20rem/16) }}
            .poster-text{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em){            .poster-text{font-size:calc(20rem/16) }}@media only screen and (min-width:64em){            .poster-text{font-size:calc(22rem/16) }}
            .blog-caption{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em){            .blog-caption{font-size:calc(16rem/16) }}@media only screen and (min-width:64em){            .blog-caption{font-size:calc(18rem/16) }}
            .text1{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em){            .text1{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){            .text1{font-size:calc(20rem/16) }}
 .navigation>.menu a, .menu.navigation a{--menu-link-color:rgba(255, 255, 0, 1.00);--menu-link-color-hover:rgba(255, 128, 0, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .navigation>.menu .menu-text, .menu.navigation .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .navigation>.menu>li>a, .menu.navigation>li>a{padding-top:0.5rem;padding-bottom:0.5rem} .navigation>.menu .submenu>li>a, .menu.navigation .submenu>li>a{padding-top:0.5rem;padding-bottom:0.5rem} .navigation>.menu li.active>a, .navigation>.menu li.is-active>a, .navigation>.menu a.is-active, .menu.navigation li.active>a, .menu.navigation li.is-active>a, .menu.navigation a.is-active{--menu-bg-color:rgba(255, 173, 53, 0.20);--menu-link-color:rgba(254, 180, 93, 1.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-link-color-hover:rgba(254, 180, 93, 1.00)} .navigation>.menu .submenu li.active>a, .navigation>.menu .submenu li.is-active>a, .navigation>.menu .submenu a.is-active, .menu.navigation .submenu li.active>a, .menu.navigation .submenu li.is-active>a, .menu.navigation .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .navigation>.menu .submenu a, .menu.navigation .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .navigation>.menu .submenu, .menu.navigation .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .navigation>.menu .submenu a, .menu.navigation .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .navigation>.menu .submenu .menu-text, .menu.navigation .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .navigation>.menu .submenu li.active>a, .navigation>.menu .submenu li.is-active>a, .navigation>.menu .submenu a.is-active, .menu.navigation .submenu li.active>a, .menu.navigation .submenu li.is-active>a, .menu.navigation .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)}
.header-title {text-shadow:2px 2px 5px rgba(0, 0, 0, 0.70);}
.navigation{text-shadow:2px 2px 5px rgba(0, 0, 0, 0.70);}
.header-title{margin-top:20.00px ;margin-right:0.00px ;margin-bottom:4.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){.header-title{margin-top:20.00px ;margin-right:0.00px ;margin-bottom:6.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){.header-title{margin-top:20.00px ;margin-right:0.00px ;margin-bottom:6.00px ;margin-left:0.00px }}
.footer-copyright{color:rgba(255, 255, 255, 1.00) ;}
.footer-margin{margin-top:4.00% ;margin-right:0.00% ;margin-bottom:10.00% ;margin-left:0.00% ;}@media only screen and (min-width:40em){.footer-margin{margin-top:1.00% ;margin-right:0.00% ;margin-bottom:3.00% ;margin-left:0.00% }}@media only screen and (min-width:64em){.footer-margin{margin-top:1.00% ;margin-right:0.00% ;margin-bottom:4.00% ;margin-left:0.00% }}
.blog-pic{padding-top:2.00px ;padding-right:0.00px ;padding-bottom:4.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.blog-pic{padding-top:8.00px ;padding-right:0.00px ;padding-bottom:8.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.blog-pic{padding-top:8.00px ;padding-right:0.00px ;padding-bottom:8.00px ;padding-left:0.00px }}
.blog-pic-bottom-zero{padding-top:2.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.blog-pic-bottom-zero{padding-top:8.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.blog-pic-bottom-zero{padding-top:8.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }}
.blog-text{padding-top:0.00% ;padding-right:0.00% ;padding-bottom:0.00% ;padding-left:0.00% ;}@media only screen and (min-width:40em){.blog-text{padding-top:0.00% ;padding-right:2.00% ;padding-bottom:0.00% ;padding-left:2.00% }}@media only screen and (min-width:64em){.blog-text{padding-top:0.00% ;padding-right:2.00% ;padding-bottom:0.00% ;padding-left:2.00% }}
.grey-background{background-color:rgba(204, 204, 204, 1.00) ;}
.rounding{border-radius:10px ;}
.text-margin{margin-top:0.75rem ;margin-bottom:0.75rem ;}  
.text-padding{padding-top:0.75rem ;padding-bottom:0.25rem ;}  
.text-padding2{padding-top:0.25rem ;padding-right:0.25rem ;padding-bottom:0.25rem ;padding-left:0.25rem ;}  
.pic-rounding{border-radius:20px ;}
.contact-pic{padding-top:8.00px ;padding-right:0.00px ;padding-bottom:4.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.contact-pic{padding-top:14.00px ;padding-right:0.00px ;padding-bottom:10.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.contact-pic{padding-top:14.00px ;padding-right:0.00px ;padding-bottom:10.00px ;padding-left:0.00px }}
.menu>li.is-active>a, .menu>li.active>a, .menu>li>a.is_active{border-radius:10px ;}
.navigation{padding-top:0.00% ;padding-right:0.00% ;padding-bottom:0.00% ;padding-left:0.00% ;}@media only screen and (min-width:40em){.navigation{padding-top:0.00% ;padding-right:20.00% ;padding-bottom:0.00% ;padding-left:20.00% }}@media only screen and (min-width:64em){.navigation{padding-top:0.00% ;padding-right:24.00% ;padding-bottom:0.00% ;padding-left:24.00% }}
.bio-spacer{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.bio-spacer{padding-top:9.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.bio-spacer{padding-top:9.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }}
#columnOnestacks_in_53 {
	padding-top: 10.00px;
	padding-bottom: 3.00px;
	padding-left: 10.00px;
	padding-right: 10.00px;
}

@media screen and (min-width:800px) {
	#betterFloatstacks_in_53 {
		height: auto;
		overflow: auto;
	}

	#columnOnestacks_in_53 {
		width: 600.00px;
	}

	#columnTwostacks_in_53 {
		width: calc(100% - 600.00px);
	}

	
	#columnOnestacks_in_53 {
		float: left;
	}

	#columnTwostacks_in_53 {
		float: right;
	}
	

	
}


	
	#columnTwostacks_in_53 {
		float: none;
		width: auto;
	}