@import url("https://fonts.googleapis.com/css?family=Lato|Open+Sans&display=swap");

/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */

/* Rules */

.add-flex{
flex: 1;
}

.has-divider-bottom::after {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
    width: 100% !important;
    height: 1px;
    margin: 2px 0 0 0 !important;
}

.add-padding-top {
    padding-top: 1em;
}

.add-extra-padding-top {
    padding-top: 1.5em;
}

.six-pad-top {
    padding-top: 6em
}

.add-padding-bottom {
    padding-bottom: 1em;
}

.add-extra-padding-bottom {
    padding-bottom: 1.5em;
}

.no-padding-top {
    padding-top: 0px;
}

.no-padding-bottom {
    padding-bottom: 0px
}

.no-padding {
    padding: 0px;
}

.no-padding-horizontal {
    padding-left: 0px;
    padding-right: 0px;
}

.no-padding-vertical {
    padding-top: 0px;
    padding-bottom: 0px;
}

.no-margin {
    margin: 0px
}

.no-margin-horizontal {
    margin-left: 0px;
    margin-right: 0px;
}

.center-it {
    display: flex;
    justify-content: center;
    align-items: center;
}

.definitions {
    max-width: 60%;
    min-width: 300px
}

.definitions dd {
    display: block;
    margin-left: 40px;
    margin-bottom: 1em;
    font-size: .9em;
}

.definitions dt {
    display: block;
    font-weight: bold;
    font-size: 1em;
}

a.notification-link {
    position: absolute;
    top: 0; left: 0;
    height: 100%; width: 100%;
}

.notice-height {
    min-height: 14em
}

.numberCircle {
    width: 45px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    border: 2px solid #666;
    display: inline-block;
    margin-right: 8px;
    margin-top: 14px;
    font-family: Arial, sans-serif;
}

.tutorialText {
    display: inline;
    font-size: 24px;
}

.tutorialFollow {
    font-size: 16px;
    margin-top: 10px;
    margin-left: 3.5em;
}

.active-picture {
    background: red;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.hidden {
    display: none;
}

/* Specific */

.main {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background-color: hsl(0, 0%, 86%);
    font-family: 'Open Sans', 'Lato', sans-serif;
    }

.hero-bg {
    background: #151515 url(../images/homehero.png) no-repeat center bottom;
    background-size: 110% 115%;
}

.footer {
    background-color: hsl(0, 0%, 21%);
    padding:1.5rem;
}

#contact-me {
    padding: 1em;
}

#calcCenter {
    margin: 0 auto;
    max-width: 700px;
    border-radius: 3px;
}

.thumb img { 
	border:1px solid #000;
	margin:3px;
    display: none;
    float: right;
}

a.thumb:hover img {
    position: absolute;
    display: inline-flex;
    z-index:1;
}

strong#footer-title {
    color: hsl(0, 0%, 86%)!important;
}

.hero-body {
    font-family:'Lato', 'Open Sans', sans-serif;
}