html,
button,
input,
select,
textarea {
    color: #333;
}

html {
    font-size: 1em;
    line-height: 1.4;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}
    @media only screen and (min-width: 80em) {
        html {
            font-size:1.1em;
        }
    }

::-moz-selection {
    background: #3B95E5;
    text-shadow: none;
    color:white;
}

::selection {
    background: #3B95E5;
    color:white;
    text-shadow: none;
}

*, *:before, *:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

p,ul {
    margin: 0;
}

ul {
    list-style-position: outside;
    list-style-type: disc;
    padding-left:1.2em;
}

abbr[title] {
    border:0;
}

.no-list {
    list-style:none;
    padding-left:0;
}

small {
    font-size:inherit;
}

address {
    font-style: normal;
}

a {
    color:inherit;
}
a:hover {
    opacity:.6;
}

.is-hidden {
    display: none !important;
    visibility: hidden;
}

.is-mobile-hidden,
.is-mobile-hidden-block {
    display:none;
    font-weight: inherit;
}
    @media only screen and (min-width:42em) {
        .is-mobile-hidden {
            display:inline;
        }
        .is-mobile-hidden-block {
            display:block;
        }
    }




.l-fence {
    width:96%;
    max-width: 700px;
    max-width: 45rem;
    margin: 0 auto;
    position:relative;
}
    .l-masthead .l-fence {
        width:auto;
    }
    @media only screen and (min-width: 42em) {
        .l-masthead .l-fence {
            width:96%;
        }
    }
.l-masthead {
    border-bottom: 1px solid #bbb;
    margin-top:.6rem;
    margin-bottom:1.2rem;
}
    @media only screen and (max-width: 42em) {
        .l-masthead a:hover {
            opacity:1;
        }
    }
    @media only screen and (min-width: 42em) {
        .l-masthead {
            margin-bottom:1.9rem;
        }
    }
.headline {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom:1.3rem;
}
    @media only screen and (min-width: 42em) {
        .headline {
            text-align: center;
            font-size:2rem;
            font-weight:300;
            margin-bottom:2.6rem;
        }
    }

.nav__hamburger {
  background-image:url(../img/menu.png);
  background-repeat:no-repeat;
  background-size:1.25rem .8125rem;
  text-indent:-9999em;
  display:inline-block;
  overflow:hidden;
  width:1.15em;
  height:1.15em;
  position:absolute;
  top:.78rem;
  left:2%;
}
    .nav__hamburger:focus {
        outline:none;
    }
    @media only screen and (min-width: 42em) {
        .nav__hamburger {
            display:none;
        }
    }

.nav__hamburger--close {
   background-image:url(../img/cross.png);
   background-size:1.125rem .9rem;
   top:.75rem;
}

.nav__items {
    display:block;
    background-color:#F7F7F7;
    border-top:1px solid #DEDEDE;
    padding:0;
    margin:0;
}
    .nav__items.is-closed {
        display:none;
    }
    .nav__items li a {
        display:block;
        font-size:1.25rem;
        text-align:center;
        text-decoration: none;
        border-bottom:1px solid #dedede;
        padding: .75em 0;
        color:inherit;
    }
        .nav__items li:last-child a {
            border-bottom:none;
        }
        .nav__items .is-current {
            font-weight:600;
        }
    @media only screen and (min-width: 42em) {
        .nav, .nav__items, .nav__items li {
            display:inline-block !important;
        }
        .nav {
            width:75%;
            text-align:right;
        }
        .nav__items {
            background-color:transparent;
            border:none;
        }
        .nav__items li a {
            border-bottom:none;
            text-align:right;
            padding-left:1em;
            padding-right:1em;
            font-size:1.1rem;
        }
        .nav__items li:last-child a {
            padding-right:1rem;
        }
        /* the home page doesn't need the padding */
        #home .nav__items li:last-child a {
            padding-right:0;
        }
        
    }

.logo {
    display:inline-block;
    width:100%;
    margin:0;
    font-size:1.5625rem;
    font-weight:400;
    text-align: center;
    margin-bottom:.85rem;
}
    .logo__b {
        font-weight:600;
        margin-left:.05rem;
    }
    .logo a {
        text-decoration: none;
        color:inherit;
    }
    @media only screen and (min-width: 42em) {
        .logo {
            width:25%;
            text-align: left;
            margin-bottom:1.2rem;
            padding-left:1rem;
        }
        /* the home page doesn't need the padding */
        #home .logo {
            padding-left:0;
        }
    }

.block {
    margin-bottom:1.5rem;
}
    @media only screen and (min-width: 42em) {
        .block {
            padding-left:1rem;
            padding-right:1rem;
        }
        .block .block {
            padding-left:0;
            padding-right:0;
        }

    }
    .block .block:last-of-type {
        margin-bottom:0;
    }
    .block__title {
        font-weight:600;
        font-size:1rem;
        margin:0;
    }
    .block--video {
       margin-bottom:1rem;
       padding-left:0;
       padding-right:0;
    }
    @media only screen and (min-width: 42em) {
        .block--video {
            margin-bottom:1.5rem;
        }
    }
    .block--remarkable {
        background-color:#f2f2f2;
        padding-top:1.2rem;
        padding-bottom:1.2rem;
        box-shadow: 6em 0 0 0 #f2f2f2, -6em 0 0 0 #f2f2f2;
    }
	
	 .block--green {
        background-color:#A8FFA8;
        padding-top:1.2rem;
        padding-bottom:1.2rem;
        box-shadow: 6em 0 0 0 #A8FFA8, -6em 0 0 0 #A8FFA8;
    }

	 .block--blue {
        background-color:#b3d4fc;
        padding-top:1.2rem;
        padding-bottom:1.2rem;
        box-shadow: 6em 0 0 0 #b3d4fc, -6em 0 0 0 #b3d4fc;
    }
    @media only screen and (min-width: 42em) {
        .block--remarkable {
            box-shadow: none;
        }
        .block--remarkable--fw {
            box-shadow: 35em 0 0 0 #f2f2f2, -35em 0 0 0 #f2f2f2, 80em 0 0 0 #f2f2f2, -80em 0 0 0 #f2f2f2;
            padding-top:1.5rem;
            padding-bottom:1.5rem;
            line-height:1.5;
        }
		.block--green {
            box-shadow: none;
        }
		.block--green--fw {
            box-shadow: 35em 0 0 0 #A8FFA8, -35em 0 0 0 #A8FFA8, 80em 0 0 0 #A8FFA8, -80em 0 0 0 #A8FFA8;
            padding-top:1.5rem;
            padding-bottom:1.5rem;
            line-height:1.5;
        }
    }
    .block--legal {
        color:#666;
    }
	
	    .block--legalblack {
        color:#666;
    }
    @media only screen and (min-width: 42em) {
        .block--legal {
            font-size:.9rem;
        }
    }
    .block--art .block__title {
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom:1rem;
    }
    .block--art p {
        margin-bottom:1em;
    }
    .block--art h3 {
        font-size:1rem;
        font-weight: 600;
        margin-bottom:1rem;
    }

.faq {
    margin:0;
    padding-left:1.2em;


}
    .faq__term {
        display: list-item;
        list-style-position: outside;
    }
    .faq__term:before {
        padding-right:.5em;
    }
    .faq__desc {
        background-color:#f2f2f2;
        padding:.7em 1em;
        margin-left:0;
        margin-bottom:1rem;
    }
    .faq__desc.is-closed {
        display:none;
    }

.form {
    margin-top:1em;
}
    .form__field {
        font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: .9rem;
        padding: .7em .5em .7em .5em;
        border: 1px solid #999;
        box-shadow: inset 0 3px 0 0 hsla(0,0%,0%,.06);
        border-radius:3px;
        margin-right:.5em;
        width:55%;
        min-width:7em;
    }
        @media only screen and (min-width: 42em) {
            .form__field {
               width:40%;
            }
        }
    .form__label:after {
        content:":";
        margin-right:.4em;
    }
    .form__btn {
        font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size:.9rem;
        background-color:#3B95E5;
        color:white;
        box-shadow: inset 0 -3px 0 0 hsla(0,0%,0%,.2);
        padding: .7em .8em .85em;
        border:none;
        border-radius:3px;
    }
        .form__btn:hover {
            opacity:.9;
        }
        .form__btn:active {
            position:relative;
            top:3px;
            box-shadow:none;
        }

@media only screen and (min-width: 42em) {
    .col {
        display:inline-block;
        vertical-align: top;
        padding:0 1rem;
    }
    .col-1-3 {
        width:33.333333%;
    }
    .pagefooter {
        font-size:.9rem;
    }
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    .block--legal {
        display:none;
    }
    
}


.onlyonmobile {
    display: none;
}


@media (max-width: 450px) {

.onlyonmobile {
    display: inline;
}

.onlyondesktop {
    display: none;
}
}