body { color: #fff; font-family: "PT Sans",sans-serif; min-height: 110%; }
h1,h2,h3,h4,h5,h6,input,select,textarea { color: #fff; font-family: "Oswald",sans-serif; margin: 0; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.row { max-width: 100%; width: 100%; }
.columns { padding: 0; }
a { color: #4298b5; text-decoration: none; }
p { line-height: 1.4em; }

#header { background-color: #023f5e; box-shadow: 0 1px 26px 0px #335; height: 80px; position: fixed; text-align: center; transition: height .6s; width: 100%; z-index: 19; }
#header h1 { line-height: 80px; transition: .6s; }
#header img { height: 40px; margin-top: -9px; transition: .6s; }
.shrunken #header { height: 48px; transition: height .6s; }
.shrunken #header h1 { font-size: 1.4em; line-height: 48px; transition: .6s ; }
.shrunken #header img { height: 20px; margin-top: -6px; transition: .6s; }

#money-follow { background-color: #02416c; padding: 120px 6%; position: relative; }
#background-image { left: 0; position: absolute; top: 0; width: 100%; }

#money-follow-header .medium-5 { padding-left: 82px; padding-right: 50px; position: relative; width: 47%;}
#money-follow-header .medium-5 h2 { color: #78be21; font-size: 3.2em; line-height: .95em; }
#money-follow-header .medium-5 .text-box { background-color: rgba(255,255,255,.75); color: #333; margin: 22px 0 38px; overflow: auto; padding: 0; }
#money-follow-header .medium-5 .text-box p { font-size: 1.1em; line-height: 1.4em; margin-bottom: 12px; padding: 0px 26px 8px; }
#money-follow-header .medium-5 .text-box a { background-color: #046B81; border: 2px solid #046B81; color: #fff; float: left; font-family: "Oswald",sans-serif; height: 61px; line-height: 1.2em; padding: 19px 6px 0 64px; position: relative; transition: border .2s; width: 100%; }
#money-follow-header .medium-5 .text-box a span { background-color: #4f8e00; border-radius: 100%; height: 42px; position: absolute; left: 11px; text-align: center; top: 8px; width: 42px;  }
#money-follow-header .medium-5 .text-box a img { padding-top: 8px; width: 22px; }
#money-follow-header .medium-5 .text-box a:hover { border-color:  #333 !important; }
#money-follow-header .medium-5 .text-box div { padding-bottom: 12px; }
#money-follow-header .medium-5 .text-box > strong { color: #023f5e; display: block; font-family: "Oswald",sans-serif; font-size: 2.2em; line-height: 1.3em; margin-bottom: 12px; padding: 13px 24px 8px; }
#money-follow-header .medium-5 .text-box .overlay h2 { background-color: #4f8e00; color: #fff; font-size: 1.9em; padding: 12px; }

#money-follow-header .medium-7 { width: 53%; }
#money-follow-header .medium-7 > p { border-left: 8px solid #fff; font-size: 1.2em; line-height: 1.3em; margin-bottom: 34px; padding: 8px 16px; }
#money-arrow { height: 100%; left: 6px; position: absolute; text-align: center; top: 7px; }
#money-arrow p { background-color: #4f8e00; border-radius: 100%; font-size: 1.9em; height: 54px; line-height: 54px; width: 54px; }
#money-arrow span { background-color: #4f8e00; height: 78%; left: 22px; position: absolute; top: 52px; width: 10px; }
#money-arrow span:after { border: 14px solid transparent; border-top-color: #4f8e00; content: ""; left: -9px; position: absolute; top: 100%; }

.spending-graphic { background-color: rgba(2,142,170,.3); border-top: 14px solid #4f8e00; display: inline-block; height: 364px; margin: 68px 3.5% 24px 0; position: relative; vertical-align: top; width: 46.5%; }
.spending-graphic h2 { font-size: 1.5em; line-height: 1.2em; margin: 0 15% 12px; text-align: center; }
.spending-graphic h2 span { display: block; font-size: .75em; }
.spending-graphic h2 img { display: block; height: 60px; margin: 16px auto 9px; }
.spending-graphic > div { background-color: #023f5e; bottom: 0; color: #78be21; font-family: "Oswald",sans-serif; font-size: 5.1em; line-height: .8em; padding: 18px 10px 0; position: absolute; text-align: center; width: 100%; }
.spending-graphic > div > span { background-color: #023f5e; color: #48b9f3; display: block; font-size: .2em; height: 56px; padding: 0 14px; text-align: center; }

.how-it-all-fits { display: inline-block; margin-bottom: 26px; width: 96.5%; }
.how-it-all-fits > a { background-color: #023f5e; color: #fff; display: block; font-family: "Oswald",sans-serif; font-size: 1.4em; height: 56px; padding: 9px 14px; position: relative; transition: .15s; }
.how-it-all-fits > a img { display: inline-block; margin: -2px 10px 0 0; vertical-align: middle; width: 55px; }
.how-it-all-fits > a span { background-color: #447507; color: #fff; font-size: .65em; height: 100%; line-height: .8em; overflow: hidden; padding-top: 9px; position: absolute; right: 0; text-align: center; top: 0; transition: .15s; width: 75px; }
.how-it-all-fits > a span i { display: block; font-size: 1.8em; }
.how-it-all-fits > a span i.fa-close { font-size: 2.5em; margin-bottom: 18px; }
.how-it-all-fits > a:hover { background-color: #00638e; }
.how-it-all-fits > a:hover span { background-color: #97be21; }

.how-it-all-fits h2 { font-size: 1.3em; line-height: 1.1em; margin: 4px 0 2px; }
.how-it-all-fits > div { background-color: #164a66; display: none; font-size: .9em; padding: 14px 19px 2px; position: relative; }
.how-it-all-fits > div > div span { display: block; line-height: 1.3em; }

.section h2 { background-color: #447507; font-size: 2.3em; line-height: .85em; padding: 10px 10px 6px; }
#money-comes-from { border: 5px solid #447507; border-top-width: 0; position: relative; }
#money-comes-from:before { border: 36px solid transparent; border-top-color: #447507; content: ""; left: 50%; margin-left: -18px; position: absolute; top: 100%; }
#money-goes { height: 560px; margin-top: 80px; position: relative; transition: height .6s; width: 100%; }

.overlay { height: 100%; left: 0; overflow: auto; position: fixed; top: -100%; transition: top .7s; width: 100%; z-index: 30; }
.overlay.on { top: 0; }
.overlay > span { background-color: rgba(0,0,0,.5); cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.overlay > span > span { color: #fff; font-size: 7em; position: absolute; right: 24px; top: -46px; }
.overlay > div { background-color: white; box-shadow: 0 38px 40px 0 rgba(0,0,0,.3); margin: -286px auto 20px; padding: 28px 30px 16px; max-height: 80%; overflow-y: scroll; position: relative; transition: margin 1.2s; width: 84%; color:black; }
.overlay.on > div { margin-top: 56px; }
.section h2 > span { display: inline-block; }
.section h2 > span > span { display: block; font-size: .45em; font-weight: 400; }
.section h2 a { border: 1px solid #fff; border-radius: 100%; color: #fff; display: inline-block; font-size: .65em; height: 34px; line-height: 1.3em; margin-left: 8px; position: relative; text-align: center; top: -26px; transition: .16s; width: 34px; }
.section h2 a:hover { border-color: #008eaa; color: #008eaa; }

.sources { display: inline-block; height: 300px; padding: 14px 18px; vertical-align: top; }
.sources h3 { font-size: 1.4em; margin-bottom: 12px; padding: 11px 0; text-align: center; }
.sources h3 span { border-radius: 100%; display: block; font-size: .75em; height: 44px; line-height: 44px; margin: 0 auto 4px; text-align: center; width: 44px; }

#legend { position: absolute; right: 28px; top: 10px; }
#legend > span { cursor: pointer; display: block; font-size: .95em; margin-bottom: 7px; position: relative; }
#legend > span span { background-color: #008eaa; border: 1px solid #fff; display: inline-block; height: 21px; margin-right: 8px; vertical-align: middle; width: 21px;  }
#legend > span:last-of-type span { background-color: #8e5280; }
#legend > span strong { background-color: #4f8e00; border: 3px solid #008eaa; bottom: 150%; display: none; font-size: .9em; font-weight: 400; left: -10%; line-height: 1.2em; padding: 9px 12px; position: absolute; width: 120%; }
#legend > span strong:before,
#legend > span strong:after { border: 10px solid transparent; border-width: 14px 20px; border-top-color: #008eaa; content: ""; left: 45%; margin-left: -10px; position: absolute; top: 100%; }
#legend > span strong:after { border-top-color: #4f8e00; border-width: 10px 16px; margin-left: -6px; margin-top: -1px;  }
#legend > span:hover strong { display: block; }

.source-button { background-color: #01567b; border: 1px solid #008eaa; cursor: pointer; display: table; height: 270px; padding: 0 12px; position: absolute; text-align: center; transition: .4s; }
#other-sources .source-button { background-color: #2d3562; border-color: #8e5280; }
.source-button:hover { background-color: #008eaa; border-color: #fff !important; }
.source-button h3 { display: table-cell; font-size: 1.1em; line-height: 1.1em; vertical-align: middle; }
.source-button h3 img { display: block; margin: 0 auto 3px; width: 38px; }
#rail-fees .source-button h3 img { width: 26px; }
#non-transport .source-button h3 img { width: 48px; }
.source-button > span { background-color: #0b7488; font-size: 1em; left: 0; padding: 6px 7px; position: absolute; top: 0; transition: background-color .15s, color .25s; }
.source-button:hover > span { background-color: #fff; color: #01567b; }
#other-sources .source-button > span { background-color: #8e5280; }
#fuel-tax .source-button { width: 33.8%; }
#tab-fees .source-button { left: 35.9%; width: 24.4%; height: 128px; }
#vehicle-sales-tax .source-button { left: 35.9%; width: 24.4%; height: 131px; bottom: 15px; }
#air-tax .source-button { font-size: .85em; height: 80px; left: 61.2%; width: 15.3%; }
#waterway-tax .source-button { font-size: .85em; height: 80px; left: 61.2%; top: 188px; width: 15.3%; }
#rail-fees .source-button { bottom: 16px; font-size: .85em; height: 80px; left: 61.2%; width: 15.3%; }
#other-tax .source-button { height: 93px; left: 77.4%; width: 21.4%; }
#non-transport .source-button { background-color: #3f3162; border-color: #712760; bottom: 16px; height: 163px; left: 77.4%; width: 21.4%; }
#non-transport .source-button > span { background-color: #712760; }
#non-transport .source-button:hover > span { background-color: #fff; color: #712760; }
#non-transport .source-button:hover { background-color: #8e5280; }
.source-button > i { background-color: #0b7488; border: 0px solid #0b7488; border-width: 0 0 1px 1px; height: 28px; line-height: 28px; position: absolute; right: 0; text-align: center; top: 0; transition: border-color .2s; width: 28px; }
#non-transport .source-button > i { background-color: #712760; border-color: #712760; }
.source-button:hover > i { border-color: #fff !important; }

.source-button.selected { background-color: #4f8e00 !important; border: 3px solid #fff !important; }
.source-button.selected > span { background-color: #fff !important; color: #4f8e00;}

.source-info { background-color: #454545; box-shadow: -3px 2px 24px 1px #333; height: 100%; overflow-x: hidden; padding-bottom: 48px; position: fixed; right: -50%; top: 80px; transition: right .65s, top .5s; width: 45%; z-index: 20; }
.shrunken .source-info { top: 48px; }
.source-info h4 { background-color: #333; color: #78be21; font-size: 2em; line-height: 1.3em; padding: 6px 82px 6px 12px; transition: padding .2s; }
.source-info h4 img { display: inline-block; height: 40px; margin-right: 8px; padding-top: 5px; vertical-align: top; }
.source-info div { height: auto; overflow-y: auto; padding: 14px 24px; transition: margin .2s; }
.source-info p a { color: #8be2ff; }
.source-info.showing { right: 0; transition: right .65s ease-in-out .55s, top .5s;}
.source-info.minimize { right: -41%; transition: right .65s, top .5s;}
.source-info.minimize div { margin-left: 20%; transition: right .65s, top .5s;}
.source-info.minimize h4 { padding-left: 20%;transition: right .65s, top .5s; }
.open-panel { background-color: rgba(255,255,255,.3); cursor: pointer; font-size: 3.8em; height: 100%; left: -75px; position: absolute; text-align: center; top: -27px; transition: left 3s; width: 50px; }
.source-info.minimize .open-panel { left: 0;transition: right .65s ease-in-out .55s, top .5s; }
.close-panel, .minimize-panel { cursor: pointer; font-size: 4.4em; position: absolute; right: 13px; top: -26px;transition: right .65s, top .5s; }
.minimize-panel { font-size: 3.2em; line-height: 1.9em; right: 54px;transition: right .65s, top .5s; }
.show-diagram { background-color: #0b7286; display: block; padding: 14px 18px 12px; position: relative; text-align: center; width: 100%; }
.source-info iframe { height: 520px; margin-bottom: 14px; width: 100%; }
.caption { font-size:10px; left: 33px; position: relative; top: -40px; }

.show-diagram > span { border: 1px solid #fff; cursor: pointer; display: inline-block; font-family: "Oswald",sans-serif; font-size: .9em; margin-right: 8px; overflow: hidden; padding: 8px 10px 3px 5px; position: relative; transition: background-color .24s, color .3s; }
.show-diagram > span img { height: 33px; margin-top: -4px; margin-right: -3px; padding: 3px 10px 3px 4px; vertical-align: middle;  }

.show-diagram > span:last-of-type img { hefight: 39px;  }
.show-diagram > span:hover { background-color: #01567b; color: #008eaa; }
.show-diagram > span:after { background-color: rgba(255,255,255,.3); content: ""; height: 100%; left: -190%; position: absolute; top: 0; transform: skewX(-8deg); transition: left 0s; width: 280px; }
.show-diagram.animate > span:after { left: 150%; transition: left 1.5s ease-in-out .15s; }
.show-diagram.animate > span:last-of-type:after { left: 150%; transition: left 1.5s ease-in-out .75s; }
.source-goes-towards { display: none !important; }

.source-info > h5 { font-size: 1.5em; font-weight: 700; padding: 0 24px 8px; }
.source-info.minimize > h5 { padding-left: 140px; }
.source-info.minimize .show-diagram span { opacity: 0; }
.source-info div img { max-width: 100% !important; padding: 2px 20px 8px; }
.source-info div img:first-of-type { padding-top: 18px; }
.source-info .nt-slider { border-bottom: 2px solid #585858; margin: 0 4%; padding: 14px 0 6px; position: relative; overflow-y: hidden; }
.source-info .nt-slider:first-of-type { padding-top: 28px; }
.nt-slider h4 { background-color: transparent; color: #fff; cursor: pointer; display: inline-block; font-size: 1.1em; transition: color .2s; }
.nt-slider h4:before { content: "\F501"; font-family: "SSGizmo"; font-size: 1.4em; margin-right: 4px; vertical-align: middle; }
.nt-slider.opened h4:before { color: #4f8e00; content: "\F500"; }
.nt-slider h4 span { border: 1px solid #fff; border-radius: 100%; display: inline-block; font-size: .7em; height: 32px; line-height: 28px; margin-top: -3px; margin-right: 6px; text-align: center; transition: border-color .2s; vertical-align: middle; width: 32px; }
.nt-slider h4:hover { color: #4f8e00; }
.nt-slider h4:hover span { border-color: #4f8e00; }
.nt-slider .show-diagram { background-color: transparent; display: inline-block; float: right; font-size: .8em; padding: 0; width: auto; }
.nt-slider .show-diagram span { background-color: #008eaa; padding: 4px 8px 0 0; }
.nt-slider .show-diagram > span > span { padding: 0; }
.nt-slider .show-diagram span:hover { background-color: #01567b; }
.nt-slider .show-diagram.activated span { background-color: #4f8e00; }
.nt-slider .show-diagram img { height: 48px; margin-top: -14px; padding: 4px 8px; vertical-align: middle; }
.nt-slider .show-diagram span:after { display: none; }
.nt-slider

#non-transport .nt-slider:nth-of-type(4),
#waterway-tax .nt-slider:nth-of-type(4),
.nt-slider:nth-of-type(7) { border: 0; margin-bottom: 40px;  }
.nt-slider > div { clear: both; }

.source-diagram { background-color: #4f8e00; display: none; left: 0; margin-top: 5px; outline: 5px solid #4f8e00; padding: 50px 24px 29px; position: absolute; top: 100%; width: 100%; }
.source-diagram.row.showing img {min-width:80%;}
.source-diagram .medium-5 { padding-right: 40px; }
.source-diagram .medium-5 img { border: 1px solid #fff; }
.source-diagram .medium-7 strong { display: block; font-size: 1.8em; padding-bottom: 10px; }
.close-diagram { border: 4px solid #fff; border-radius: 100%; cursor: pointer; font-size: 5em; height: 56px; line-height: .5em; padding-top: 2px; position: absolute; right: 0; text-align: center; top: -29px; width: 56px; }

.source-diagram ul.diagram { list-style-type: none; margin: 0; }
.source-diagram ul .with-arrow, .source-diagram ul li span { background-color: #008eaa; border: 2px solid #01567b; display: inline-block; line-height: 1.3em; padding: 4px 8px; position: relative; text-align: center; width: 100%; }
.source-diagram ul li span { font-size: .85em; }
.source-diagram ul li.orange span { background-color: #ed7d31; border-color: #ae5a21; }
.source-diagram ul .with-arrow:before { background-color: #01567b; content: ""; height: 10px; left: 50%; position: absolute; top: 100%; width: 4px; }
.source-diagram ul .with-arrow:after { border: 5px solid transparent; border-width: 6px 8px; border-top-color: #01567b; content: ""; left: 50%; margin-top: 10px; margin-left: -6.28px; position: absolute; top: 100%; }

.source-diagram h3 { font-size: 1.3em; margin-bottom: -9px; text-align: left; }
.source-diagram > div > ul.diagram { height: 241px; position: relative; }
.source-diagram > div > ul.diagram > li { display: inline-block; vertical-align: top; }
.source-diagram > div > ul.diagram > li.stretch-across { margin-bottom: 12px; width: 100%; }
.source-diagram > div > ul.diagram > li > span { width: 100%; }
.source-diagram > div > ul.diagram > li > ul { height: 200px; margin-top: 14px; margin-left: 0; }
.source-diagram > div > ul.diagram > li > ul > li { width: 100%; }
.source-diagram > div > ul.diagram > li > ul li { display: inline-block; }
.source-diagram > div > ul.diagram > li ul.border-boxes { background-color: #b2d7e3; border: 2px solid #01567b; height: 74px; margin-left: 0; margin-top: 14px; padding: 8px 4px; }
.source-diagram > div > ul.diagram > li ul.border-boxes li { margin: 0 2%; vertical-align: top; width: 45%; }
.source-diagram > div > ul.diagram > li.size-3 ul.border-boxes li { width: 29.33333%; }
.source-diagram > div > ul.diagram > li ul.border-boxes li span { font-size: .7em; height: 54px; line-height: 1.2em; padding: 4px 6px; vertical-align: top; }
.source-diagram > div > ul.diagram > li ul.border-boxes li span:before { height: 20px; }
.source-diagram > div > ul.diagram > li ul.border-boxes li span:after { margin-top: 18px; }
.source-diagram > div > ul.diagram > li.size-3 > ul > li > ul > li { width: 29.33333%; }
.source-diagram > div > ul.diagram > li ul.border-boxes ul.border-boxes li span:before,
.source-diagram > div > ul.diagram > li ul.border-boxes ul.border-boxes li span:after { display: none; }
#air-tax .source-diagram > div > ul.diagram > li.size-2 { margin-right: 2%; width: 48%; }
#air-tax .source-diagram > div > ul.diagram > li.size-2 ul.border-boxes li { width: 21%; }
#air-tax .source-diagram > div > ul.diagram > li.size-2 ul.border-boxes li span { height: 70px; }
#air-tax .source-diagram > div > ul.diagram > li.federals.size-2 ul.border-boxes:nth-of-type(3) { margin-top: 20px;  }
#air-tax .source-diagram > div > ul.diagram > li.federals.size-2 ul.border-boxes:nth-of-type(3) li { width: 94%; }
#air-tax .source-diagram > div > ul.diagram > li.federals.size-2 ul.border-boxes:nth-of-type(3) li span { height: 28px; }

.source-diagram .federals span { background-color: #023F5E; border-color: #01567B; }
.source-diagram > div > ul.diagram > li.federals ul.border-boxes { background-color: #01567B;  }
.source-diagram:after { background-color: #4f8e00; content: ""; height:54px; left: 50%; margin-left: 11px; position: absolute; top: 100%; width: 22px; }
.source-diagram:before { border: 32px solid transparent; border-top-color: #4f8e00; content: ""; left: 50%; margin-left: -11px; margin-top: 50px; position: absolute; top: 100%; }

#fuel-tax .source-diagram > div > ul.diagram { height: 248px; }
#fuel-tax .source-diagram > div > ul.diagram > li > span,
#fuel-tax .source-diagram > div > ul.diagram > li > ul > li { width: 92%; }
#fuel-tax .source-diagram > div > ul.diagram > li.size-2 { width: 33.3333333%; }
#fuel-tax .source-diagram > div > ul.diagram > li.size-3 { width: 66.6666667%; }
/* #fuel-tax .source-diagram > div > ul.diagram > li.size-3 > ul > li { width: 76%; } */
/* #fuel-tax .source-diagram > div > ul.diagram > li > ul > li > ul > li > ul { bottom: 0; position: absolute; right: 5.33333333%; width: 61.333333%; }
 */

#tab-fees .source-diagram > div > ul.diagram { height: 248px; }
#tab-fees .source-diagram > div > ul > li.size-3 { width: 90%; }
#tab-fees .source-diagram > div > ul > li.size-3 span { width: 100%; }
/* #tab-fees .source-diagram > div > ul > li > ul > li > ul > li > ul { bottom: 0; position: absolute; right: 10%; width: 90%; }
 */

.source-diagram > div > ul.diagram > li.size-3.hutd ul.border-boxes { height: 86px; }
.source-diagram > div > ul.diagram > li.size-3.hutd > ul > li > ul.border-boxes li span { height: 66px; }
.source-diagram > div > ul.diagram > li.size-3.hutd > ul > li > ul.border-boxes > li:first-of-type { margin-right: 0; width: 40%;  }
.source-diagram > div > ul.diagram > li.size-3.hutd > ul > li > ul.border-boxes > li:nth-of-type(2) { margin-right: 0; width: 26%;  }
.source-diagram > div > ul.diagram > li.size-3.hutd > ul > li > ul.border-boxes > li:last-of-type { width: 26%; }
.source-diagram > div > ul.diagram > li.hutd > ul > li > ul > li > ul { bottom: -22px; position: absolute; left: 2%; width: 56%; }
.source-diagram > div > ul.diagram > li.hutd > ul > li > ul > li:nth-of-type(2) > ul { bottom: -22px; position: absolute; left: 61%; width: 40%; }

#tab-fees .source-diagram > div > ul.diagram > li.size-3.hutd ul.border-boxes { height: 80px; }
#tab-fees .source-diagram > div > ul.diagram > li.size-3.hutd > ul > li > ul.border-boxes li span { height: 60px; }
#tab-fees .source-diagram > div > ul.diagram > li.hutd > ul > li > ul > li > ul { bottom: -12px; left: -13%; width: 56%; }
#tab-fees .source-diagram > div > ul.diagram > li.hutd > ul > li > ul > li:nth-of-type(2) > ul { bottom: -12px; left: 46%; width: 50%; }

#vehicle-sales-tax .source-diagram .medium-5 { width: 32%; }
#vehicle-sales-tax .source-diagram .medium-5 img { max-height: 250px; min-width: auto; width: auto; }
#vehicle-sales-tax .source-diagram .medium-7 { width: 68%; }
#vehicle-sales-tax .source-diagram .medium-7 strong { margin-bottom: 14px; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-3 { margin-right: 5%; width: 54.6666667%; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-3 > span { margin-bottom: 12px; margin-right: 2%; width: 30%; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-3 > span.with-arrow:before { height: 22px; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-3 > span.with-arrow:after { top: 100%; margin-top: 22px;  }
#vehicle-sales-tax .source-diagram > div > ul > li.size-3 > span:before,
#vehicle-sales-tax .source-diagram > div > ul > li.size-3 > span:after { left: 22%; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-3 > span:nth-of-type(2) { width: 50%; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-3 > span > span { position: absolute; top: 100%; background-color: transparent; border-bottom: 0; border-width: 3px; margin-top: 11px; left: -20%; width: 110%; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-3 > span > span:before,
#vehicle-sales-tax .source-diagram > div > ul > li.size-3 > span > span:after { border: 5px solid transparent; border-width: 6px 8px; border-top-color: #01567b; content: ""; left: 0; margin-left: -10px; position: absolute; top: 100%; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-3 > span > span:after { left: 100%; margin-left: -6px; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-3 > span > span > span { height: auto; background-color: transparent; border: 0; position: absolute; color: #01567b; font-size: 1.1em; font-weight: 700; margin-right: 5px; right: 100%; top: -10px; width: auto;  }
#vehicle-sales-tax .source-diagram > div > ul > li.size-3 > ul > li { display: inline-block; margin-right: 1%; vertical-align: top; width: 32.33333%; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-3 > ul > li > span { font-size: .7em; }
#vehicle-sales-tax .source-diagram > div > ul > li.hutd > ul > li > ul { height: 64px; padding: 4px; width: 330%; }
#vehicle-sales-tax .source-diagram > div > ul > li.hutd > ul > li > ul > li { width: 30.3333%; }
#vehicle-sales-tax .source-diagram > div > ul > li.hutd > ul > li > ul > li > span { height: 52px; }
#vehicle-sales-tax .source-diagram > div > ul > li.hutd > ul > li > ul > li > ul { bottom: -35px; height: 64px; left: -17%; padding: 4px; width: 40%; }
#vehicle-sales-tax .source-diagram > div > ul > li.hutd > ul > li > ul > li:nth-of-type(2) > ul { left: 26%; }
#vehicle-sales-tax .source-diagram > div > ul > li.hutd > ul > li > ul > li > ul > li > span { height: 52px; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-2 { width: 36.33333333%; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-2 > ul { margin-top: 0; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-2 > ul > li { display: inline-block; vertical-align: top; width: 49%; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-2 > ul > li > span { font-size: .8em;}
#vehicle-sales-tax .source-diagram > div > ul > li.size-2 > ul > li:first-of-type { margin-right: 2%; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-2 > ul > li > ul { margin-top: 14px; margin-left: 0; width: 200%; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-2 > ul > li > ul .with-arrow:before,
#vehicle-sales-tax .source-diagram > div > ul > li.size-2 > ul > li > ul .with-arrow:after { left: 77%; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-2 > ul > li > ul > li > ul { margin-left: 0; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-2 > ul > li > ul > li > ul > li { display: inline-block; margin-top: 14px; vertical-align: top; width: 49%; }
#vehicle-sales-tax .source-diagram > div > ul > li.size-2 > ul > li > ul > li > ul > li:first-of-type { margin-right: 2%; }

.source-diagram ul.footnotes { font-size: .85em; margin-top: 48px; }
.source-diagram ul .with-up-arrow:before { background-color: #01567b; content: ""; height: 10px; left: 50%; position: absolute; top: -18px; width: 4px; }
.source-diagram ul .with-up-arrow:after { border: 5px solid transparent; border-width: 6px 8px; border-top-color: #01567b; content: ""; left: 50%; margin-top: -8px; margin-left: -6.28px; position: absolute; top: 0; }


#air-tax .source-diagram > div > ul.diagram > li > ul { height: auto;  }
#air-tax .source-diagram > div > ul.diagram > li > ul:nth-of-type(odd) { margin-top: 8px; }
#air-tax .source-diagram > div > ul > li.size-3 ul.border-boxes li { width: 21%; }
#air-tax .source-diagram > div > ul > li.size-2 ul.border-boxes li { width: 96%; }
#air-tax .source-diagram > div > ul > li.size-3 { margin-right: 3%; width: 60.6666667%; }
#air-tax .source-diagram > div > ul > li.size-2 { width: 36.33333333%; }

#waterway-tax .source-diagram > div > ul > li.size-3 { margin-right: 2%; width: 48%; }
#waterway-tax .source-diagram > div > ul > li.size-2 { margin-right: 2%; width: 32%; }
#waterway-tax .source-diagram > div > ul > li.size-1 { width: 16%; }
#waterway-tax .source-diagram > div > ul > li.size-1 ul.border-boxes li { width: 96%; }

#rail-fees .source-diagram > div > ul { width: 70%; }
#rail-fees .source-diagram > div > ul .stretch-across { margin-top: 15px; }
#rail-fees .source-diagram ul .with-arrow { background-color: #008eaa; border-color: #01567b; }

#other-tax .source-diagram > div > ul > li.size-1 { margin-right: 3%; width: 32.333333%; }
#other-tax .source-diagram > div > ul > li.size-2 { width: 64.666666%; }
#other-tax .source-diagram > div > ul > li.size-1 ul.border-boxes li { width: 96%; }
#other-tax .source-diagram > div > ul > li.size-2 ul.border-boxes { height: auto; padding-bottom: 2px; }
#other-tax .source-diagram > div > ul > li.size-2 ul.border-boxes li { margin-bottom: 8px; }

#money-goes.active { height: 1010px; }
.project-type { padding-top: 20px; position: absolute; width: 100%; }

.proj-type-button { border: 1px solid #fff; cursor: pointer; overflow: hidden; position: absolute; transition: left .5s, height .5s, top .5s, width .5s, opacity .2s; z-index: 5; }
.proj-type-button:after { background-color: #transparent; box-shadow: 0 -14px 86px 56px rgba(2,65,108,.9); content: ""; height: 20px; left: 0; position: absolute; top: 100%; width: 100%; }
/* #money-goes:hover .proj-type-button { opacity: .55; }
#money-goes:hover .proj-type-button:hover { opacity: 1; } */
.proj-type-button h3 { bottom: 16px; color: #78be21; font-size: 1.7em; left: 17px; line-height: 1.2em; padding-right: 15px; position: absolute; z-index: 8; }
.proj-type-button h3 span { background-color: #fff; border-radius: 100%; color: #333; display: inline-block; font-size: .63em; height: 40px; letter-spacing: -.02em; line-height: 40px; margin-top: -12px; margin-right: 12px; text-align: center; vertical-align: middle; width: 40px; }
.proj-type-button h3 em { display: inline-block; font-size: .75em; margin-left: 2px; }
.proj-type-button img { max-width: 880%; position: absolute; top: -20%; transition: 1.1s; width: 120%; }
.active .proj-type-button { opacity: .5; }
.active .proj-type-button:hover { opacity: .8; }
.active .proj-type-button.selected,
#money-goes.active:hover .proj-type-button.selected { opacity: 1; }
.proj-type-button > span { background-color: #008eaa; border: 1px solid #fff; border-width: 0 0 1px 1px; font-size: 1.8em; font-weight: 700; height: 32px; line-height: 1.1em; position: absolute; text-align: center; top: 0; right: 0; width: 32px; }
.proj-type-button > div { background-color: rgba(0,0,0,.6); height: 100%; left: 0; opacity: 0; position: absolute; text-align: center; top: 0; transition: opacity .2s; width: 100%; z-index: 8; }
.proj-type-button > div:hover { opacity: 1; }
.proj-type-button > div:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.proj-type-button > div span { border: 1px solid #fff; font-family: "Oswald",sans-serif; padding: 6px 11px; }
.proj-type-button > div span i { font-size: 1.2em; margin-right: 6px; }

#roads-bridges .proj-type-button { height: 500px; width: 52%; }
#roads-bridges .proj-type-button img { top: 0; width: 140%; }
#transit .proj-type-button { height: 376px; left: 53.65%; width: 24%; }
#transit .proj-type-button img { right: -50%; top: 0; width: 190%; }
#air .proj-type-button { height: 236px; left: 79.2%; transition: .9s; width: 20.85%; }
#air .proj-type-button img { top: 0; width: 160%; }
#waterways .proj-type-button {  height: 132px; left: 79.2%; top: 269px; width: 20.85%; }
#waterways .proj-type-button img { top: auto; bottom: -20%; }
#rail .proj-type-button { height: 108px; left: 53.65%; top: 412px; width: 24%; }
#rail .proj-type-button img { top: -30%; }
#offroad .proj-type-button { height: 106px; left: 79.2%; top: 414px; width: 20.85%; }
#offroad .proj-type-button img { top: -40%; }

/* FUEL TAX */
.fuel-tax #roads-bridges .proj-type-button { width: 53%; }
.fuel-tax #transit .proj-type-button { height: 283px; left: 54%; width: 46%; }
.fuel-tax #transit .proj-type-button img { right: -50%; top: -80%; width: 200%; }
.fuel-tax #offroad .proj-type-button { height: 94px; left: 54%; top: 318px; width: 46%; }
.fuel-tax #offroad .proj-type-button img { top: -110%; }
.fuel-tax #rail .proj-type-button { height: 94px; left: 54%; top: 426px;  width: 46%; }
.fuel-tax #rail .proj-type-button img { top: -104%; }
.fuel-tax #air .proj-type-button, .fuel-tax #waterways .proj-type-button { border: 0; height: 0; opacity: 0; }

/* VEHICLE TAX & FEES */
.tab-fees #roads-bridges .proj-type-button { width: 100%; }
.tab-fees #transit .proj-type-button, .tab-fees #rail .proj-type-button,
.tab-fees #air .proj-type-button, .tab-fees #waterways .proj-type-button,
.tab-fees #offroad .proj-type-button { border: 0; height: 0; opacity: 0; }

/* VEHICLE SALES TAX */
.vehicle-sales-tax #roads-bridges .proj-type-button { width: 56%; }
.vehicle-sales-tax #transit .proj-type-button { height: 500px; left: 57.4%;  width: 42.6%; }
.vehicle-sales-tax #transit .proj-type-button img { right: -60%; top: -20%; width: 200%;}
.vehicle-sales-tax #rail .proj-type-button, .vehicle-sales-tax #air .proj-type-button,
.vehicle-sales-tax #waterways .proj-type-button, .vehicle-sales-tax #offroad .proj-type-button { border: 0; height: 0; opacity: 0; }

/* AIR TAX */
.air-tax #air .proj-type-button { height: 500px; left: 0; top: 22px; width: 100%; }
.air-tax #transit .proj-type-button, .air-tax #rail .proj-type-button,
.air-tax #roads-bridges .proj-type-button, .air-tax #waterways .proj-type-button,
.air-tax #offroad .proj-type-button { border: 0; height: 0; opacity: 0; }

/* WATERWAY TAX */
.waterway-tax #waterways .proj-type-button { height: 500px; left: 0; top: 22px; width: 100%; }
.waterway-tax #waterways .proj-type-button img { bottom: -60%; }
.waterway-tax #transit .proj-type-button, .waterway-tax #rail .proj-type-button,
.waterway-tax #roads-bridges .proj-type-button, .waterway-tax #air .proj-type-button,
.waterway-tax #offroad .proj-type-button { border: 0; height: 0; opacity: 0; }

/* RAIL TAX */
.rail-fees #rail .proj-type-button { height: 500px; left: 0; top: 22px; width: 100%; }
.rail-fees #rail .proj-type-button img { bottom: -60%; }
.rail-fees #transit .proj-type-button, .rail-fees #waterways .proj-type-button,
.rail-fees #roads-bridges .proj-type-button, .rail-fees #air .proj-type-button,
.rail-fees #offroad .proj-type-button { border: 0; height: 0; opacity: 0; }

/* OTHER TRANSPO TAX */
.other-tax #roads-bridges .proj-type-button { width: 50%; }
.other-tax #transit .proj-type-button { height: 248px; left: 51%; width: 49%; }
.other-tax #transit .proj-type-button img { right: -20%;top: -100%;width: 130%; }
.other-tax #air .proj-type-button, .other-tax #waterways .proj-type-button { border: 0; height: 0; opacity: 0; }
.other-tax #rail .proj-type-button { height: 114px; left: 51%; top: 280px; width: 49%; }
.other-tax #rail .proj-type-button img { top: -90%; }
.other-tax #offroad .proj-type-button { height: 114px; left: 51%; top: 406px; width: 49%; }
.other-tax #offroad .proj-type-button img { top: -100%; }

/* NON TRANSPORT TAX */
.non-transport #roads-bridges .proj-type-button { height: 233px; left: 50.1%; width: 49.9%; }
.non-transport #roads-bridges .proj-type-button img { top: -44%; }
.non-transport #transit .proj-type-button { height: 500px; left: 0; width: 49%; }
.non-transport #transit .proj-type-button img { right: -110%; top: -70%; width: 285%; }
.non-transport #waterways .proj-type-button { height: 249px; left: 50.1%; top: 271px; width: 17%; }
.non-transport #waterways .proj-type-button img { left: -20%; top: 0; width: 160%;}
.non-transport #rail .proj-type-button { height: 132px; left: 84%; top: 271px; width: 16%; }
.non-transport #rail .proj-type-button img { top: 0%; width: 180%; }
.non-transport #air .proj-type-button { height: 101px; left: 84%; top: 419px; width: 16%; }
.non-transport #offroad .proj-type-button { height: 249px; left: 68.1%; top: 271px; width: 14.9%; }
.non-transport #offroad .proj-type-button img { right: -30%; top: 0; width: 190%; }

.proj-type-agencies { background-color: #fff; color: #333; display: none; height: 450px; margin-top: 40px; padding: 14px 17px; position: relative; top: 500px; width: 100%; }
.proj-type-agencies:after { border: 14px solid transparent; border-bottom-color: #fff; bottom: 100%; content: ""; left: 3px; position: absolute; }
.proj-type-agencies h4 { border-bottom: 1px solid #333; color: #333; font-size: 1.3em; height: 33px; padding-bottom: 4px; position: relative; width: 96%; z-index: 3; }
.proj-type-agencies > span { background-color: #fff; height: 100%; left: 44%; padding: 67px 28px 4px; position: absolute; top: 0; width: 56%; z-index: 1; }
.proj-type-agencies > a.close-agency { border: 2px solid #712760; border-radius: 100%; color: #712760; font-size: 3em; height: 32px; line-height: .5em; position: absolute; right: 14px; text-align: center; top: 12px; width: 32px; z-index: 5; }

.agency-list { background-color: #023f5e; height: 175px; margin-top: 16px; padding: 8px 12px 4px; width: 100%; }
.agency-list h5 { padding-bottom: 9px; }
.agency-list h5 img { height: 34px; margin-right: 4px; }
.agency-list > div { display: inline-block; margin-right: 2px; }

.agency-button { background-color: #4f8e00; cursor: pointer; display: inline-block; font-size: .85em; height: 108px; line-height: 1.2em; padding: 10px 10px 0; position: relative; text-align: center; transition: .2s; vertical-align: top; width: 110px; }
.agency-button span { background-color: #42abc0; display: none; left: 0; padding: 1px 4px; position: absolute; top: 0; }
.agency-button.selected, .agency-button:hover { background-color: #008eaa; }
.agency-button.selected span { display: block; }
.agency-button u { display: block;}

.agency-programs { background-color: #fff; display: none; height: 395px; left: 44%; padding: 8px 26px; position: absolute; top: 55px; width: 56%; z-index: 2; }
.agency-programs a,
.agency-programs > span { border: 1px solid #712760; color: #712760; float: left; font-family: "Oswald",sans-serif; font-size: .75em; height: 92px; line-height: 1.2em; margin: 0 1% 8px 0; padding: 6px 14px; text-align: center; transition: .2s; width: 19%; }
.agency-programs a > span,
.agency-programs > span > span { display: block; font-size: .95em; line-height: 1.2em; padding: 4px 0 0; width: 100%; }
.agency-programs p { line-height: 1.2em; }
.agency-programs a:hover { background-color: #ddd3db; border-width: 3px; padding: 5px 16px; }

#calculator { background-color: #008eaa; height: 790px; overflow: hidden; position: relative; }
#calculator h2 { background-color: #1f6775; line-height: 1.1em; padding: 8px 0 8px; position: relative; text-align: center; }
#calculator h2 a { color: #fff; display: none; font-size: .6em; left: 32px; line-height: 80px; position: absolute; }
#calculator h2 a i { margin-right: 14px; }
#calculator h2 span { display: block; font-size: .5em; }
#calculator #images { display: block; left: 7%; position: absolute; top: 180px; width: 30%; }
#calculator #images:after { background-color: #fff; border-radius: 100%; content: ""; height: 21%; opacity: 0; position: absolute; left: 9.25%; top: 4.5%; transition: opacity .5s ease-in-out .8s; width: 16.5%; }
#calculator #images:before { background-color: #fff; border-radius: 12px 12px 0 0; content: ""; height: 62%; opacity: 0; position: absolute; left: 6%; top: 30.5%; transition: opacity .5s ease-in-out 1s; width: 23.25%; }
#calculator #images img[src*="gas"] { margin-left: 0; width: 38.33333%; transition: margin 1.1s; }
#calculator #images img[src*="car"] { margin-left: 0; width: 61.66667%; transition: margin 1.8s; }
#calculator form { position: absolute; right: 8%; top: 238px; transition: right .9s ease-in; width: 40%; }
#calculator form > div { margin-bottom: 34px; position: relative; }
#calculator form label { color: #fff; font-size: 1.4em; font-weight: 700; line-height: 1.2em; margin-bottom: 8px; }
#calculator form input { font-size: 1.2em; height: 40px; }
#calculator form > div > div { bottom: 0; position: absolute; right: 0; }
#calculator form > div > div span { background-color: #023f5e; cursor: pointer; display: block; font-size: 1.3em; height: 40px; line-height: 40px; text-align: center; width: 40px; }
#calculator form > div > div p { background-color: #023f5e; displafy: none; opacity: 0; padding: 10px 14px; position: absolute; right: -800px; width: 430px; z-index: 1; }
#calculator form > div > div:hover p { display: block; opacity: 1; right: 0; transition: right 0s, opacity .3s; }
#calculator form a { background-color: #447507; border: 2px solid #fff; color: #fff; display: block; font-family: "Oswald",sans-serif; font-size: 1.3em; line-height: 1.3em; margin-top: 50px; padding: 7px 14px; text-align: center; transition: background-color .2s; width: 100%; }
#calculator form a:hover { background-color: #080; }

#calculator.animate #images:after { opacity: .38; }
#calculator.animate #images:before { opacity: .28; }
#calculator.calculating #images img[src*="gas"] { margin-left: -1000px; transition: margin 2s; }
#calculator.calculating #images img[src*="car"] { margin-left: -1000px; transition: margin 1.3s; }
#calculator.calculating form { right: -100%; }
#calculator.calculating #images:after { margin-left: -1000px; opacity: 0; transition: 0; }
#calculator.calculating #images:before { margin-left: -1000px; opacity: 0; transition: 0; }

#calculating { padding-top: 102px; text-align: center; }
#calculating img { display: block; margin: 0 auto; left: 0; position: relative; top: 0; transition: top .2s; width: 260px; }
#calculating img[src*="btm"] { left: -4px; position: relative; transition: left .25s; width: 300px; }
#calculating p { font-size: 2.5em; margin-top: 40px; }

#calculating.animate img[src*="top"] { top: -8px; }
#calculating.animate img[src*="btm"] { left: 6px; }

#results { padding: 38px 6% 40px 4%; }
#results #calc-results { height: 530px !important; margin-top: -16px; width: 100% !important; }
#totals { font-size: .9em; margin-top: 5px; padding: 0 2% 0 6%; }
#totals div { float: left; text-align: center; width: 10%; }
#totals strong { display: none; }
#totals span { font-weight: 700; }
#results .columns { padding: 0 3%; }
#results .medium-3 div { background-color: #fff; border: 2px solid #fff; margin-bottom: 44px; text-align: center; width: 100%; }
#results .medium-3 div h4 { background-color: #4f8e00; color: #fff; font-size: 1.6em; line-height: 1.2em; margin: 0; padding: 6px 8px 9px; }
#results .medium-3 div h4 strong { display: block;}
#results .medium-3 div p { color: #333; font-size: 2em; margin: 0; padding: 9px; }

#pre-footer { background-color: #712760; padding-bottom: 14px; }
#pre-footer .columns { padding: 18px 3%; }
#pre-footer .links { list-style-type: none; margin-top: 10px; margin-left: 0; padding: 4px 28px 10px;font-size: 20px; }
#pre-footer .links a { color: #fff; display: block; font-size: .9em; line-height: 1.4em; margin: 4px 0 12px; position: relative; word-wrap: break-word; }
#pre-footer .links a:before { left: -20px; position: absolute; top: 3px; }

#slider { height: 250px; margin-top: 10px; overflow: hidden; position: relative; width: 94%; }
#slider > div { height: 100%; left: 0; position: absolute; transition: left .4s; width: 1800%; }
#slider > div > div.slide { background-color: #843a73; display: inline-block; height: 100%; padding: 40px 80px 0; text-align: center; vertical-align: top; width: 5.555556%; }
#slider > div > div.slide img { margin-bottom: 8px;  }
#slider p { font-size:23px; line-height: 28px; }
.slide img {max-width:100px;max-height: 80px;}
#slider .slide-arrow { cursor: pointer; font-size: 1.8em; left: 10px; position: absolute; top: 50%; }
#slider .right-arrow { left: auto; right: 10px; }

#footer { background-color: #023f5e; padding-top: 12px; }
#footer a img { height: 70px; padding: 12px 18px 8px; }
#footer a img[src*="new"] { height: 100px; padding: 0 18px 12px 0; }

@media screen and (max-width: 1850px) {
    #totals { padding: 0 3% 0 7%; }
}

@media screen and (max-width: 1675px) {
    #money-follow-header .medium-5 h2 { font-size: 2.8em; }
    #money-follow-header .medium-5 .text-box > strong { font-size: 1.9em; line-height: 1.3em;  }
    #money-follow-header .medium-5 > p { font-size: 1em; }
    #money-follow-header .medium-5 .text-box p { font-size: 1em; }
    #money-follow-header .medium-7 > p { font-size: 1.1em; line-height: 1.3em; padding: 6px 14px;  }
    #roads-bridges .proj-type-button img { left: -20%; top: 0; width: 180%; }
    #transit .proj-type-button img { right: -60%; top: 0;    width: 230%; }
    .agency-button { font-size: .75em; line-height: 1.1em; width: 92px; }
    #fuel-tax .source-button { width: 33.1%; }
    .non-transport #waterways .proj-type-button img { width: 270%; }
    .non-transport #offroad .proj-type-button img { width: 310%; }

    #calculator { height: 720px; }
    #calculator form { top: 192px; }
    #calculator #images { left: 5%; top: 130px; width: 40%; }
    #results #calc-results {height: 490px !important; }
    #results .medium-3 div h4 { font-size: 1.4em; }
}

@media screen and (max-width: 1500px) {
    .proj-type-button h3 { font-size: 1.4em; }
}

@media screen and (max-width: 1450px) {
    #vehicle-sales-tax .source-diagram > div > ul > li.size-2 > ul > li > ul > li > ul > li span { font-size: .7em;}
    #vehicle-sales-tax .source-diagram > div > ul > li.hutd > ul > li > ul > li > span { font-size: .6em;}
    #vehicle-sales-tax .source-diagram > div > ul > li.hutd > ul > li > span { line-height: 1em; }
    #vehicle-sales-tax .source-diagram > div > ul > li.hutd > ul > li > ul > li > ul { height: 49px; left: -40%; width: 60%; }
    #vehicle-sales-tax .source-diagram > div > ul > li.hutd > ul > li > ul > li > ul > li > span { font-size: .6em; height: 38px;}
    #vehicle-sales-tax .source-diagram > div > ul > li.hutd > ul > li > ul > li:nth-of-type(2) > ul { left: 26%; }
    #vehicle-sales-tax .source-diagram > div > ul > li.size-2 > ul > li > span { font-size: .7em; height: 55px;}
}

@media screen and (max-width: 1425px) {
    .agency-programs a, .agency-programs span { font-size: .7em; padding: 4px 11px; }
    .agency-programs a:hover { padding: 5px 9px; }
    .agency-list { width: 40%; }
    .agency-list h5 { font-size: 1em; }
    .agency-list h5 img { height: 18px; margin-top: -3px; }
    .agency-button { float: left; font-size: .8em; height: auto; line-height: 1.2em; padding: 4px 9px; width: auto; }
    .agency-programs, .proj-type-agencies > span { left: 40%; width: 60%; }
    .vehicle-sales-tax #transit .proj-type-button img { width: 200%; right: -80%;}
    #money-follow-header .medium-5 h2 { font-size: 2.4em; }
    #money-follow-header .medium-5 .text-box > strong { font-size: 1.6em; }
    #money-follow-header .medium-5 .text-box p { font-size: .95em; }
    .source-diagram .medium-5 { width: 32%; }
    .source-diagram .medium-7 { width: 68%; }
    .agency-button u { display: none; }
    .other-tax #transit .proj-type-button img { top: -90%; width: 200%; right: -50%;}
    .non-transport #transit .proj-type-button img { top: -20%; }

    #calculator { height: 660px; }
    #calculator form { top: 160px; }
    #results #calc-results {height: 430px !important; }
    #results .medium-3 div h4 { font-size: 1.1em; padding: 4px 6px 7px; }
    #results .medium-3 div p { font-size: 1.6em; padding: 5px;  }
    #totals { font-size: .8em; padding: 0 3% 0 8.5%; }

    #money-follow-header .medium-5 { width: 53%; }
    #money-follow-header .medium-7 { width: 47%; }
    .spending-graphic { height: 328px; }
    .spending-graphic h2 { font-size: 1.3em; margin: 0 5% 12px; }
    .spending-graphic > div { font-size: 4em; }
    .spending-graphic > div > span { font-size: .23em; padding: 6px 14px 4px; }
    .how-it-all-fits > a { font-size: 1.1em; height: 48px; }

    .proj-type-button h3 { font-size: 1.3em; }
    .proj-type-button h3 span { height: 32px; line-height: 32px; margin-right: 6px; width: 32px; }
    .proj-type-button > div span { font-size: .8em;}

}

@media screen and (max-width: 1200px) {
    #money-follow { padding: 110px 2%; }
    #money-follow-header .medium-5 h2 { font-size: 2.2em; margin-top: 14px;}
    #money-follow-header .medium-5 > p { font-size: .9em; margin-top: 24px;padding: 12px 18px 20px;}
    #money-follow-header .medium-5 > p strong { font-size: 1.3em; }

    .source-button { padding: 0 4px; }
    .source-button h3 { font-size: .8em; }
    .source-button h3 img { width: 30px; margin-bottom: 4px; }
    #non-transport .source-button h3 img { width: 40px; }
    .source-button > span { font-size: .8em; padding: 4px; }
    .source-button h4 { font-size: .85em; }
    .source-info { right: -65%; width: 60%; }
    .source-info.minimize { right: -56%; }
    .source-info > div p, .source-info > div ul { font-size: .9em; line-height: 1.4em; }
    #waterways .proj-type-button img { width: 150%; }
    .source-diagram { padding-top: 24px; }
    .source-diagram .medium-7 strong { font-size: 1.4em; margin-top: 0; }
    .close-diagram { font-size: 3.5em; height: 42px; right: 45px; top: -10px; width: 42px; }
    .proj-type-agencies > a.close-agency { right: 62px; top: 8px; }
    .open-panel { font-size: 2.4em; top: 0px; width: 28px; }
    .other-tax #transit .proj-type-button img { width: 270%; }

    #transit .proj-type-button img { top: -10%; width: 330%; }
    .personal-income-tax #rail .proj-type-button img { left: -30%; width: 340%; }
    .personal-income-tax #transit .proj-type-button img { width: 350%; }
    .personal-income-tax #waterways .proj-type-button img { width: 550%; }
    .sales-retail-tax #transit .proj-type-button img,
    .statewide-property-tax #transit .proj-type-button img,
    .liquor-tobacco-tax #transit .proj-type-button img,
    .gross-earnings-tax #transit .proj-type-button img { width: 320%; }
    .sales-retail-tax #waterways .proj-type-button img,
    .statewide-property-tax #waterways .proj-type-button img,
    .liquor-tobacco-tax #waterways .proj-type-button img,
    .gross-earnings-tax #waterways .proj-type-button img { width: 300%; }

    #calculator h2 a { font-size: .5em; }
    #calculator { height: 600px; }
    #calculator form { top: 138px; }
    #calculator form label { font-size: 1.1em; }
    #calculator form input { font-size: 1em; }
    #results { 30px 1%; }
    #results .columns { padding: 0 2%; }
    #results #calc-results {height: 360px !important; }
    #results .medium-3 div h4 { font-size: .9em; }
    #results .medium-3 div p { font-size: 1.4em; }

}

@media screen and (max-width: 1100px) {
    #money-arrow { display: none !important; }
    #money-follow { padding-top: 86px; }
    #money-follow-header .medium-5 { overflow: visible; padding: 0; width: 38%; }
    #money-follow-header .medium-5 h2 { font-size: 1.7em; }
    #money-follow-header .medium-5 .text-box p { font-size: .85em; line-height: 1.4em; margin-top: 14px; }
    #money-follow-header .medium-5 .text-box > strong { font-size: 1.3em; line-height: 1.4em; }
    #money-follow-header .medium-5 .text-box div { padding-bottom: 0px; }
    #money-follow-header .medium-5 .text-box a { display: block; float: none; width: 100%; }
    #money-follow-header .medium-5 .text-box a[href*="chapter-2"] { padding-top: 19px; }
    #money-follow-header .medium-7 { width: 58%; }
    #money-follow-header .medium-7 > p { font-size: .9em; line-height: 1.4em; }
    .spending-graphic { margin-top: 70px; }

    .fuel-tax #transit .proj-type-button img { right: -140%; top: -30%; width: 320%; }
    #roads-bridges .proj-type-button img { top: 0; width: 280%; }
    #transit .proj-type-button img { right: -200%; width: 420%; }
    .vehicle-sales-tax #transit .proj-type-button img { right: -120%; top: -20%; width: 320%; }
    .proj-type-button > div span { font-size: .7em; }
    .proj-type-button > div span i { display: none; }

    .business-tax #transit .proj-type-button img { width: 430%; }
    .business-tax #waterways .proj-type-button img { width: 400%; }
    .other-nontransport-tax #roads-bridges .proj-type-button img { width: 590%; }
    .other-nontransport-tax #transit .proj-type-button img { width: 370%; }
    .source-diagram > div > ul.diagram > li ul.border-boxes li span { font-size: .6em; }

    #calculator h2 { padding-left: 180px; }
    #results h3 { font-size: 1.4em; }
    #results #calc-results { height: 374px !important; margin-top: 14px; }
    #slider p { font-size: 1.3em; line-height: 1.2em; }
    .proj-type-agencies h4 { font-size: 1.1em; }
    #totals { font-size: .7em; padding: 0 2.25% 0 10%; }

    #vehicle-sales-tax .source-diagram .medium-5 { display: none; width: 0; }
    #vehicle-sales-tax .source-diagram .medium-7 { width: 85%; }
    #vehicle-sales-tax .source-diagram > div > ul > li.hutd > ul > li > ul > li > ul { bottom: -38px; height: 59px; left: -18%; width: 42%; }
    #vehicle-sales-tax .source-diagram > div > ul > li.hutd > ul > li > ul > li > ul > li > span { font-size: .6em; height: 48px; }
    #vehicle-sales-tax .source-diagram > div > ul > li.hutd > ul > li > ul > li:nth-of-type(2) > ul { left: 26%; }
}

@media screen and (max-width: 935px) {
    .spending-graphic { height: 240px; margin-right: 2%; margin-bottom: 22px; }
    .spending-graphic h2 { font-size: 1.1em; }
    .spending-graphic h2 img { height: 34px; margin-top: 11px; }
    .spending-graphic > div { font-size: 3.4em; height: 96px; line-height: .65em; }
    .spending-graphic > div > span { height: 24px;  }
    .source-info.minimize .show-diagram { display: none; }
    #money-follow-header .medium-5 .text-box a { font-size: .9em; height: 42px; line-height: 36px; padding: 0; padding-left: 14px; }
    #money-follow-header .medium-5 .text-box a[href*="chapter-2"] { padding-top: 0; }
    #money-follow-header .medium-5 .text-box a img { display: none; }
    #money-follow-header .medium-5 .text-box a span { display: none; }
    #money-follow-header .medium-5 .text-box p { padding: 0 16px; }
    #money-follow-header .medium-5 .text-box > strong { padding: 12px 16px 0; }
    .how-it-all-fits { height: auto; margin-bottom: 10px; }
    .how-it-all-fits h2 { font-size: 1.1em; line-height: 1.2em;}
    .how-it-all-fits > div > p > p > a { font-size: .8em; width: 50%; }
    .how-it-all-fits > a { font-size: .9em; height: 42px; }
    .how-it-all-fits > a img { display: none; }
    .how-it-all-fits > div { font-size: .8em; margin-bottom: 14px; }
    .how-it-all-fits > div p { font-size: 1em; }

    .section h2 { font-size: 1.8em; }
    .section h2 a { font-size: .7em; height: 30px; top: -4px; width: 30px; }
    #fuel-tax .source-button { width: 32.5%; }
    #waterway-tax .source-button { top: 172px; }
    #legend > span { font-size: .8em; margin-bottom: 2px; }
    #legend > span span { height: 12px; width: 18px; }

    .proj-type-button h3 { bottom: 6px; font-size: 1em; left: 8px; }
    .proj-type-button h3 span { height: 26px; line-height: 26px; margin-right: 4px; width: 26px; }
    #roads-bridges .proj-type-button img { left: -40%; width: 280%; }
    #transit .proj-type-button img { right: -240%; top: 0; width: 480%; }
    #air .proj-type-button img { width: 240%; }
    #waterways .proj-type-button img { width: 180%; }
    #rail .proj-type-button img { width: 180%; }
    .proj-type-agencies h4 { font-size: .8em; }
    #offroad .proj-type-button img { top: 0; }
    .fuel-tax #offroad .proj-type-button img,
    .other-tax #offroad .proj-type-button img { top: -50%; }
    .non-transport #transit .proj-type-button img { right: -170%; top: 0; width: 360%; }
    .non-transport #waterways .proj-type-button img { width: 380%; }
    .non-transport #offroad .proj-type-button img { right: -80%; width: 390%; }
    .vehicle-sales-tax #transit .proj-type-button img { right: -154%; top: 0; width: 350%; }
    .other-tax #transit .proj-type-button img { top: -72%; }
    .proj-type-button > div span { display: inline-block; font-size: .65em; line-height: 1.3em; width: 100px; }

    #calculator h2 { font-size: 1.8em; }
    #results { padding: 24px 2%; }
    #results #calc-results {height: 280px !important; }
    #results .medium-9 { padding: 0 14%; width: 100%; }
    #results .medium-3 { width: 100%; }
    #results .medium-3 div { float: left; margin: 38px 1% 0 ; width: 31.333333%; }

    .agency-list { display: inline-block; height: 142px; line-height: 1.2em; margin-right: 5px; vertical-align: top; width: 47%; }
    .agency-list h5 { font-size: .9em; padding-bottom: 4px; }
    .agency-button { font-size: .75em; margin-right: -3px; padding: 3px 7px; }
    .proj-type-agencies > span { font-size: .9em; height: 80px; left: 0; padding: 3px 20px; top: 200px; width: 100%;  }
    .agency-programs { height: 100px; left: 0; padding: 0 21px; top: 206px; width: 100%; }
    .agency-programs p { font-size: .9em; margin-bottom: 11px; }
    .agency-programs a, .agency-programs > span { height: 60px; padding: 6px 8px; }
    .agency-programs a:hover { border-width: 1px; padding: 6px 8px; }
    .agency-programs a > span,
    .agency-programs > span > span { display: inline; margin-left: 2px; }

    .source-diagram .medium-5 { display: none; }
    .source-diagram .medium-7 { width: 100%; }
    .source-diagram ul li span { font-size: .75em; }
    .source-diagram > div > ul.diagram { height: 236px; }
    .source-diagram > div > ul.diagram > li > ul > li ul { height: 90px; }
    .source-diagram > div > ul.diagram > li > ul > li ul > li span { height: 70px; }
    .source-diagram > div > ul.diagram > li > ul > li ul > li span { font-size: .65em; }
    .source-diagram > div > ul.diagram > li ul.border-boxes li span { font-size: .65em; }
    .source-diagram ul.footnotes { font-size: .75em; }
    #tab-fees .source-diagram > div > ul.diagram > li.hutd > ul > li > ul > li > ul { bottom: -7px; left: -0%; width: 46%; }
    #tab-fees .source-diagram > div > ul.diagram > li.hutd > ul > li > ul > li:nth-of-type(2) > ul { bottom: -7px; left: 48%; width: 47%; }

    #vehicle-sales-tax .source-diagram .medium-7 { width: 100%; }
    #vehicle-sales-tax .source-diagram ul,
    #vehicle-sales-tax .source-diagram ul .with-arrow { background-color: transparent !important; border: 0 !important; display: block !important; height: auto !important; list-style-type: circle !important; margin: auto !important; padding: 0 !important; position: static !important; width: auto !important; }
    #vehicle-sales-tax .source-diagram ul .with-arrow { margin: 12px 0 -1px !important;}
    #vehicle-sales-tax .source-diagram > div > ul > li > ul { margin: 4px 8px !important; }
    #vehicle-sales-tax .source-diagram > div > ul > li > ul > li ul li span { font-size: .75em; }
    #vehicle-sales-tax .source-diagram > div > ul > li li { margin-left: 18px !important; }
    #vehicle-sales-tax .source-diagram ul.diagram li { display: block !important; text-align: left !important; width: auto !important; }
    #vehicle-sales-tax .source-diagram ul.diagram li span { background-color: transparent !important; border: 0 !important; display: inline !important; font-size: .8em; height: auto !important; padding: 4px !important; }
    #vehicle-sales-tax .source-diagram ul.diagram li span:before { display: none; }
    #vehicle-sales-tax .source-diagram .with-arrow:before,
    #vehicle-sales-tax .source-diagram .with-arrow:after ,
    #vehicle-sales-tax .source-diagram .with-up-arrow:before,
    #vehicle-sales-tax .source-diagram .with-up-arrow:after{ display: none; }

    #pre-footer .links { font-size: .8em;}
    .slide img { margin-bottom: 8px; width: 90px; }
    #slider p { font-size: 1.1em; line-height: 1.2em; }
    .show-diagram > span { font-size: 1.1em; padding: 6px 12px; }
    .show-diagram > span img { height: 28px; margin-top: -1px; }
    .nt-slider h4 { font-size: .9em; }
}

@media screen and (max-width: 780px) {
    #header { height: 48px; position: static !important; }
    #header h1 { font-size: 1.4em; line-height: 48px; }
    #header img { height: 20px; margin-top: -6px; }
    #money-follow { padding-top: 0; }
    #money-follow-header .medium-5 { width: 100%; }
    #money-follow-header .medium-5 .text-box { margin-bottom: 0; }
    #money-follow-header .medium-7 { margin-bottom: 22px; width: 100%; }
    #money-comes-from:before { margin-left: -36px; }
    .spending-graphic { margin-top: 22px; }

    .sources { height: auto; padding: 14px 6px; width: 100%; }
    .source-button { bottom: auto !important; display: inline-block; float: left; font-size: 1em !important; height: 92px !important; left: auto !important; margin: 0 2% 14px !important; position: relative; top: auto !important; text-align: center; width: 46% !important; }
    .source-button h3 { display: block; font-size: .8em; }
    .source-button h3 img { margin-bottom: 5px; }

    .source-info { top: 0 !important; }
    .source-info > h4 { font-size: 1.4em; line-height: 1.3em; padding-right: 44px; }
    .source-info > h4 img { height: 24px; }
    .source-info div { padding: 10px 14px; }
    .source-info div p, .source-info div ul { font-size: .85em; line-height: 1.4em; }
    .source-info.minimize { right: -54%; }
    .source-info > h5 { font-size: 1.2em; padding: 0 14px;}

    .minimize-panel { font-size: 2em; line-height: 2.55em; right: 34px; }
    .close-panel { font-size: 3em; right: 9px; top: -19px; }
    .show-diagram > span { font-size: 1.1em; line-height: 1.2em; }
    .show-diagram > span:after { left: -300%; }
    .source-diagram { padding-top: 12px; }
    .source-diagram .medium-7 strong { font-size: .9em; line-height: 1.1em; width: 74%; }
    .source-diagram:after { height: 34px; margin-left: -6px; width: 14px; }
    .source-diagram:before { border-width: 18px; margin-left: -17px; margin-top: 32px; }
    .close-diagram { border-width: 3px; font-size: 2.4em; height: 30px; padding-top: 2px; right: 20px; top: -10px; width: 30px; }

    #calculator h2 { font-size: 1.3em; padding: 10px 15px 8px; text-align: left; }
    #calculator h2 a { font-size: .7em; left: auto; line-height: 32px; right: 10px; }
    #calculator #images { display: none; }
    #calculator form { width: 84%; }
    #calculating img { width: 160px; }
    #calculating img[src*="btm"] { width: 180px; }
    #calculating p { font-size: 1.8em; margin-top: 30px; }
    #results .medium-9 { padding: 0 8%; }
    #results #calc-results { display: none !important; }
    #totals { padding: 0; }
    #totals div { margin: 14px 0; width: 20%; }
    #totals strong { display: block; }

    .proj-type-agencies { height: 514px; top: 482px; }
    .proj-type-agencies h4 { font-size: .8em; height: 28px; }
    .proj-type-agencies > a.close-agency { font-size: 2.3em; height: 26px; width: 26px; }
    .agency-list { margin-top: 8px;padding: 6px 8px; }
    .agency-list h5 { font-size: .9em; line-height: 1.2em; }
    .agency-list h5 img { height: 12px; }
    .agency-button { font-size: .8em; padding: 3px 6px; }
    .agency-programs a, .agency-programs span { font-size: .7em; height: 82px; }
}

@media screen and (max-width: 670px) {
    .section h2 { font-size: 1.5em; line-height: 1.3em; text-align: center; }
    .section h2 a { font-size: .6em; height: 20px; top: -4px; width: 20px; }
    #legend { position: static; text-align: center;  }
    #legend > span { display: inline-block; margin: 0 8px; }

    .close-diagram { right: 44px; }

    #money-goes h2 { padding-top: 4px; }
    .proj-type-button { height: 75px !important; left: auto !important; margin: 0 !important; overflow: hidden !important; position: relative; top: auto !important; width: 100% !important; }
    #transit .proj-type-button { top: 80px !important; }
    #rail .proj-type-button { top: 160px !important; }
    #waterways .proj-type-button { top: 240px !important; }
    #air .proj-type-button { top: 320px !important; }
    #offroad .proj-type-button { top: 400px !important;}
    .proj-type-button img { bottom: auto !important; left: 0 !important; top: -80% !important; width: 100% !important; }
    #roads-bridges .proj-type-button img { left: -40%; width: 280%; }
    #transit .proj-type-button img { bottom: -140% !important; top: auto !important; }
    #waterways .proj-type-button img { bottom: -140% !important; top: auto !important; }

    .overlay > span > span { font-size: 4em; right: 12px; top: -31px; }
    .overlay.on > div { margin-top: 42px; }
    .overlay > div { padding: 20px 16px; width: 94%; }
    .overlay > div p { font-size: .8em; line-height: 1.5em; margin-bottom: 15px; }
    .overlay > div p:last-of-type { margin: 0; }

    .how-it-all-fits.over > div > div > span.close-button span { font-size: 5em; right: 12px; top: -32px;  }
    .how-it-all-fits.over > div > div p { font-size: 1em; margin: 56px auto 20px; padding: 14px 22px 22px; width: 86%; }

    .proj-type-agencies { top: 384px; }
    .proj-type-agencies h4 { font-size; .7em; width: 90%; }
    .agency-list { height: 74px; line-height: 1.1em; margin-top: 4px; padding: 4px 7px; width: 100%; }
    .agency-list h5 { font-size: .65em; }
    .agency-list h5 img { display: none; }
    .agency-button { font-size: .7em; }
    .agency-programs a, .agency-programs span { font-size: .57em; height: 78px; padding: 3px 5px; }
    .agency-programs a:hover { padding: 3px 5px; }
    .fuel-tax .proj-type-agencies,
    .other-tax .proj-type-agencies { top: 260px; }
    .vehicle-sales-tax .proj-type-agencies { top: 110px; }
    .tab-fees .proj-type-agencies,
    .air-tax .proj-type-agencies,
    .waterway-tax .proj-type-agencies { top: 40px; }
    .air-tax #air .proj-type-button,
    .waterway-tax #waterways .proj-type-button { top: 0 !important; }
    .fuel-tax #air .proj-type-button, .fuel-tax #waterways .proj-type-button,
    .tab-fees #transit .proj-type-button, .tab-fees #rail .proj-type-button,
    .tab-fees #air .proj-type-button, .tab-fees #waterways .proj-type-button,
    .vehicle-sales-tax #rail .proj-type-button, .vehicle-sales-tax #air .proj-type-button,
    .vehicle-sales-tax #waterways .proj-type-button,
    .air-tax #transit .proj-type-button, .air-tax #rail .proj-type-button,
    .air-tax #roads-bridges .proj-type-button, .air-tax #waterways .proj-type-button,
    .waterway-tax #transit .proj-type-button, .waterway-tax #rail .proj-type-button,
    .waterway-tax #roads-bridges .proj-type-button, .waterway-tax #air .proj-type-button,
    .other-tax #air .proj-type-button, .other-tax #waterways .proj-type-button,
    .rail-fees #transit .proj-type-button, .rail-fees #waterways .proj-type-button,
    .rail-fees #offroad .proj-type-button, .rail-fees #roads-bridges .proj-type-button,
    .rail-fees #air .proj-type-button, .waterway-tax #offroad .proj-type-button,
    .air-tax #offroad .proj-type-button, .vehicle-sales-tax #offroad .proj-type-button,
    .tab-fees #offroad .proj-type-button { display: none; }
    .proj-type-button > div span { font-size: .7em;width: auto;}

    .fuel-tax #rail .proj-type-button { top: 242px !important; }
    .fuel-tax #offroad .proj-type-button { top: 161px !important; }
    .rail-fees #rail .proj-type-button { top: 0 !important;  }
    .other-tax #rail .proj-type-button { top: 163px !important; }
    .other-tax #offroad .proj-type-button { top: 245px !important; }

    #pre-footer .columns { padding: 10px 21px; }
    #pre-footer .links { padding: 6px 8px; }
    #pre-footer .links a { font-size: .85em; margin: 4px; }
    #slider > div > div.slide { padding: 50px 50px 0; }
    #slider > div > div.slide p { font-size: .8em; line-height: 1.1em; }
    #slider > div > div.slide img { height: 50px; }
    #footer a img { height: 50px; padding: 6px; }
    #footer a img[src*="MnGo"] { height: 80px; padding: 0 18px 12px; }
    .proj-type-agencies h4 { border: 0; font-size: .9em; line-height: 1.1em; height: 38px; margin-bottom: -4px; padding-right: 45px; }

    .source-diagram ul,
    .source-diagram ul .with-arrow { background-color: transparent !important; border: 0 !important; display: block !important; height: auto !important; list-style-type: circle !important; margin: auto !important; padding: 0 !important; position: static !important; width: auto !important; }
    .source-diagram ul .with-arrow { margin: 12px 0 -1px !important;}
    .source-diagram > div > ul > li > ul { margin: 4px 8px !important; }
    .source-diagram > div > ul > li > ul > li ul li span { font-size: .75em; }
    .source-diagram > div > ul > li li { margin-left: 18px !important; }
    .source-diagram ul.diagram li { display: block !important; text-align: left !important; width: auto !important; }
    .source-diagram ul.diagram li span { background-color: transparent !important; border: 0 !important; display: inline !important; font-size: .8em; height: auto !important; padding: 4px !important; }
    .source-diagram ul.diagram li span:before { display: none; }
    .source-diagram .with-arrow:before,
    .source-diagram .with-arrow:after { display: none; }

    .source-diagram ul.footnotes { font-size: .7em; line-height: 1.3em; margin-top: 20px !important; margin-right: 12px !important; }
    .source-diagram ul.footnotes li { margin-bottom: 6px; }
    .show-diagram > span { line-height: 1.2em; }
    .show-diagram > span img { display: none; }
    .nt-slider .show-diagram span { padding: 3px 8px; }
}

@media screen and (max-width: 500px) {
    #header h1 { font-size: 1.1em; }
    #header img { height: 16px; }
    #money-follow-header .medium-5 h2 { font-size: 1.5em; margin-left: 8px; }
    #money-follow-header .medium-5 .text-box p { margin: 9px 0 14px; }
    #money-follow-header .medium-5 .text-box div { border: 1px solid transparent; }
    #money-follow-header .medium-7 > p { border-left-width: 3px; border-right: 3px solid #fff; font-size: .8em; margin: 0 auto; padding: 10px 14px; width: 86%; }

    .spending-graphic { height: auto; margin: 20px 6% 0px; width: 88%; }
    .spending-graphic h2 { margin: 6px 0; }
    .spending-graphic h2 img { display: inline-block; height: 18px; margin: -4px 5px 0 0; vertical-align: middle; }
    .spending-graphic > div { font-size: 2.7em; height: auto; line-height: .8em; padding: 11px 0 0; position: static; }
    .spending-graphic > div > span { font-size: .3em; height: auto; padding: 0; }

    .how-it-all-fits { height: auto; margin: 20px 6% 16px; width: 88%; }
    .how-it-all-fits > a { height: auto; }
    .how-it-all-fits > a span { font-size: .8em; margin-left: 5px; padding: 1px 8px; position: static; }
    .how-it-all-fits > a span i { display: none; }

    .source-info { right: -260px; width: 240px; }
    .source-info h4 { font-size: 1.3em; line-height: 1.2em; padding-right: 56px; }
    .source-info h4 img { height: 24px; margin-top: -3px; }
    .source-info div p, .source-info div ul { font-size: .75em; line-height: 1.3em; }
    .source-info.minimize { right: -208px; }
    .source-info.minimize div { margin-left: 30%; }
    .source-info.minimize h4 { padding-left: 30%; }
    .source-diagram .medium-5 { width: 100%; }
    .source-diagram .medium-5 img { width: 40%; }
    .source-diagram .medium-7 { margin-top: 10px; position: static; width: 100%; }
    .source-diagram .medium-7 strong { font-size: 1.2em; padding-bottom: 6px; }
    .source-diagram .medium-7 p { font-size: .85em; }
    .close-diagram { top: 8px; }
    .source-button h3 img { width: 20px; }
    #rail-fees .source-button h3 img { width: 20px; }
    #non-transport .source-button h3 img { margin-top: -5px; width: 26px; }

    .proj-type-button { height: 50px !important; }
    .proj-type-agencies h4 { font-size: .7em; }
    #transit .proj-type-button { top: 54px !important; }
    #rail .proj-type-button { top: 108px !important; }
    #waterways .proj-type-button { top: 162px !important; }
    #air .proj-type-button { top: 216px !important; }
    #offroad .proj-type-button { top: 270px !important;}
    .proj-type-agencies { height: 644px; padding: 8px; top: 264px; }
    .agency-list { height: 110px; margin-top: 2px; }
    .agency-button { font-size: .65em; margin: 1px 0 2px; padding: 2px 3px; }

    #calculator { height: auto; }
    #calculator.calculating form { display: none; }
    #calculator h2 a { display: none !important; }
    #calculating { padding-top: 40px; }
    #calculator form { padding: 24px 5% 30px; position: static; width: 100%; }

    #calculator form label { font-size: .9em; }
    #calculator form input { font-size: .85em; height: 28px; margin-bottom: 6px; }
    #calculator form > div > div {  position: static; }
    #calculator form > div > div span { display: none; }
    #calculator form > div > div p { background-color: transparent; font-size: .75em; line-height: 1.1em; padding: 0; position: static; right: 0; opacity: 1; width: 100%; }
    #calculator form a { font-size: 1em; }
    #results #calc-results { display: none !important; }
    #results h3 { font-size: 1em; }
    #results .medium-3 div { margin-top: 14px; }
    #results .medium-3 div h4 { font-size: .8em; line-height: 1.2em; }
    #results .medium-3 div p { font-size: .8em; }
    #totals { font-size: .7em; }
    #totals div { margin: 6px 0; width: 25%; }

    .proj-type-agencies > a.close-agency { right: 38px; }
    .proj-type-agencies > span,
    .agency-programs { height: 100px; padding: 2px 10px 0; top: 270px; }
    .proj-type-agencies > span { font-size: .8em; line-height: 1.3em; padding-top: 5px; }
    .agency-programs p { font-size: .8em; margin: 0 0 8px; }
    .agency-programs a, .agency-programs span { font-size: .55em; height: 62px; line-height: 1.2em; margin: 0 1% 4px 0; width: 32.3333%; }

    .source-info .nt-slider { padding: 4px 0 8px; }
    .source-info .nt-slider:first-of-type { padding-top: 4px; }
    .nt-slider h4 { font-size: .85em; line-height: 1.4em; padding-left: 26px; }
    .nt-slider h4 span { border: 0; height: auto; line-height: 1.2em; width: auto; }
    .nt-slider h4:before { font-size: 1.1em; left: 0; position: absolute; top: 16px; }
    .proj-type-button img { width: 180% !important; }

    #footer { text-align: center; }
}