@charset "UTF-8";
 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-weight:inherit;
    font-style:inherit;
    font-family:inherit;
    font-size:100%;
    vertical-align:baseline
}
body{
    line-height:1;
    color:#222;
    background:#fff
}
ol,ul{
    list-style:none
}
table{
    border-collapse:separate;
    border-spacing:0;
    vertical-align:middle
}
caption,th,td{
    text-align:left;
    font-weight:normal;
    vertical-align:middle
}
a img{
    border:none
}
html{
    font-family:sans-serif;
    -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
}
audio:not([controls]){
    display:none;
    height:0
}
progress{
    vertical-align:baseline
}
template,[hidden]{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline-width:0
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:inherit
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
mark{
    background-color:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
figure{
    margin:1em 40px
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
button,input,select,textarea{
    font:inherit
}
optgroup{
    font-weight:bold
}
button,input,select{
    overflow:visible
}
button,input,select,textarea{
    margin:0
}
button,select{
    text-transform:none
}
button,[type="button"],[type="reset"],[type="submit"]{
    cursor:pointer
}
[disabled]{
    cursor:default
}
button,html [type="button"],[type="reset"],[type="submit"]{
    -webkit-appearance:button
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
button:-moz-focusring,input:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
textarea{
    overflow:auto
}
[type="checkbox"],[type="radio"]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
    height:auto
}
[type="search"]{
    -webkit-appearance:textfield
}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
html{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
*,*:before,*:after{
    -webkit-box-sizing:inherit;
    box-sizing:inherit
}
img,video,iframe{
    max-width:100%;
    height:auto;
    border:0;
    -ms-interpolation-mode:bicubic;
    display:block
}
@font-face{
    font-family:'questrial-regular';
    src:url("../fonts/questrial-regular-webfont.eot");
    src:url("../fonts/questrial-regular-webfont.eot@") format('embedded-opentype'),url("../fonts/questrial-regular-webfont.woff") format('woff'),url("../fonts/questrial-regular-webfont.ttf") format('truetype'),url("../fonts/questrial-regular-webfont.svg") format('svg')
}
.clearfix::after,.cf::after{
    content:'';
    display:table;
    clear:both
}
.flex-video{
    position:relative;
    padding-top:rem-calc(25);
    padding-bottom:67.5%;
    height:0;
    margin-bottom:rem-calc(16);
    overflow:hidden;
}
.flex-video.widescreen{
    padding-bottom:56.34%
}
.flex-video.vimeo{
    padding-top:0
}
.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{
    position:absolute;
    top:0;
    width:100%;
    height:100%
}
img{
    width:100%
}
img,svg{
    max-width:100%
}
svg{
    width:100%;
    height:auto;
    max-height:100%
}
html,body{
    -webkit-font-kerning:normal;
    font-kerning:normal;
    letter-spacing:0;
    text-rendering:optimizeLegibility;
    text-rendering:geometricPrecision;
    font-smooth:always;
    font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    -webkit-font-smoothing:antialiased;
    font-family:'questrial-regular',Helvetica,sans-serif;
    background-color:#302a26;
    background-image:url("../img/freehold_tile.png");
    color:#ebe8e7;
    font-size:18px;
    line-height:22px
}
::-moz-selection{
    color:#171412;
    background:#f15f22
}
::selection{
    color:#171412;
    background:#f15f22
}
a{
    display:inline-block;
    -webkit-transition:color .15s ease-out,text-shadow .15s ease,border-color .15s ease,background-color .15s ease,-webkit-transform .15s ease-out;
    transition:color .15s ease-out,text-shadow .15s ease,border-color .15s ease,background-color .15s ease,-webkit-transform .15s ease-out;
    transition:transform .15s ease-out,color .15s ease-out,text-shadow .15s ease,border-color .15s ease,background-color .15s ease;
    transition:transform .15s ease-out,color .15s ease-out,text-shadow .15s ease,border-color .15s ease,background-color .15s ease,-webkit-transform .15s ease-out;
    text-decoration:none;
    color:#f15f22;
}
a:link{
    color:#f15f22
}
a:visited{
    color:#f15f22
}
a:hover,a:focus{
    color:#f47f4e
}
a:active{
    color:#cf460d
}
.can-touch a:hover,.can-touch a:focus{
    color:#f15f22
}
.rise{
    -webkit-transform:translateY(0) !important;
    transform:translateY(0) !important;
}
.rise:hover,.rise:focus{
    -webkit-transform:translateY(-3px) !important;
    transform:translateY(-3px) !important
}
.rise:active{
    -webkit-transform:translateY(1px) !important;
    transform:translateY(1px) !important
}
.can-touch .rise:hover,.can-touch .rise:focus{
    -webkit-transform:translateY(0) !important;
    transform:translateY(0) !important
}
.can-touch .rise:active{
    -webkit-transform:translateY(0) !important;
    transform:translateY(0) !important
}
.showSmall{
    display:block;
}
@media only screen and (min-width:760px){
    .showSmall{
        display:none
    }
}
.showLarge{
    display:none;
}
@media only screen and (min-width:760px){
    .showLarge{
        display:block
    }
}
.navBar{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    float:none;
    max-width:100%;
    padding-left:5px;
    padding-right:5px;
    position:fixed;
    top:0;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#171412;
    z-index:100
}
@media only screen and (min-width:760px){
    .navBar{
        margin-left:auto;
        margin-right:auto;
        width:100%;
        float:none;
        max-width:100%;
        padding-left:20px;
        padding-right:20px
    }
}
.navLinks{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.navLinks a{
    font-size:14px;
    line-height:14px;
    padding-left:6px;
    padding-right:6px;
    padding-top:18px;
    padding-bottom:18px;
}
@media only screen and (min-width:374px){
    .navLinks a{
        padding-left:10px;
        padding-right:10px
    }
}
@media only screen and (min-width:760px){
    .navLinks a{
        font-size:18px;
        line-height:18px;
        padding-left:20px;
        padding-right:20px;
        padding-top:15px;
        padding-bottom:15px
    }
}
.navMark{
    height:16px;
    margin-top:-2px;
    width:auto
}
@media only screen and (min-width:426px){
    .navMark{
        height:18px
    }
}
.navSocial{
    display:none;
}
@media only screen and (min-width:500px){
    .navSocial{
        display:-webkit-inline-box;
        display:-ms-inline-flexbox;
        display:inline-flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        max-width:80px;
        margin:0
    }
}
.navSocial a{
    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0;
    padding-left:5px;
    padding-right:5px;
}
@media only screen and (min-width:760px){
    .navSocial a{
        padding-left:10px;
        padding-right:10px
    }
}
.navSocial a:hover path,.navSocial a:focus path{
    fill:#f47f4e
}
.can-touch .navSocial a:hover path,.can-touch .navSocial a:focus path{
    fill:#f15f22
}
.navSocial svg{
    height:16px;
    padding-top:1px;
}
@media only screen and (min-width:1000px){
    .navSocial svg{
        height:20px;
        padding-top:3px
    }
}
.navSocial svg path{
    -webkit-transition:fill .15s ease;
    transition:fill .15s ease;
    fill:#f15f22
}
.socialIcon{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}
.socialIcon span{
    margin-right:2px
}
.socialIcon svg{
    -ms-flex-negative:none;
    flex-shrink:none;
    width:1.25em;
    padding-top:2px;
    padding-right:2px;
}
@media only screen and (min-width:1000px){
    .socialIcon svg{
        padding-top:4px;
        padding-right:4px
    }
}
.socialIcon svg path{
    -webkit-transition:fill .15s ease;
    transition:fill .15s ease;
    fill:#f15f22
}
.socialIcon:hover path,.socialIcon:focus path{
    fill:#f47f4e
}
.can-touch .socialIcon:hover path,.can-touch .socialIcon:focus path{
    fill:#f15f22
}
.freeShadow{
    -webkit-box-shadow:0 2px 10px rgba(23,20,18,0.5);
    box-shadow:0 2px 10px rgba(23,20,18,0.5)
}
.headerLogo{
    margin:0 auto;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    float:none;
    max-width:80%;
    height:95vh;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
@media only screen and (min-width:1000px){
    .headerLogo{
        margin-left:auto;
        margin-right:auto;
        width:100%;
        float:none;
        max-width:600px
    }
}
@media only screen and (min-width:760px){
    .headerLogo{
        height:105vh
    }
}
.headerLogo img,.headerLogo svg{
    max-height:70%
}
svg#freehold-logo{
    -webkit-transition:stroke .5s ease,fill .5s ease;
    transition:stroke .5s ease,fill .5s ease;
}
svg#freehold-logo #freehold-mark,svg#freehold-logo #freehold-text,svg#freehold-logo #freehold-games{
    opacity:1
}
svg#freehold-logo #freehold-games{
    opacity:0;
    -webkit-transform-origin:106px 257px;
    transform-origin:106px 257px
}
svg#freehold-logo #freehold-text{
    opacity:0;
}
svg#freehold-logo #freehold-text #text-f{
    -webkit-transform-origin:6px 208px;
    transform-origin:6px 208px
}
svg#freehold-logo #freehold-text #text-r{
    -webkit-transform-origin:45px 208px;
    transform-origin:45px 208px
}
svg#freehold-logo #freehold-text #text-e1{
    -webkit-transform-origin:89px 208px;
    transform-origin:89px 208px
}
svg#freehold-logo #freehold-text #text-e2{
    -webkit-transform-origin:129px 208px;
    transform-origin:129px 208px
}
svg#freehold-logo #freehold-text #text-h{
    -webkit-transform-origin:169px 208px;
    transform-origin:169px 208px
}
svg#freehold-logo #freehold-text #text-o{
    -webkit-transform-origin:213px 208px;
    transform-origin:213px 208px
}
svg#freehold-logo #freehold-text #text-l{
    -webkit-transform-origin:266px 208px;
    transform-origin:266px 208px
}
svg#freehold-logo #freehold-text #text-d{
    -webkit-transform-origin:301px 208px;
    transform-origin:301px 208px
}
svg#freehold-logo #freehold-mark #castle{
    -webkit-transform:scale(0);
    transform:scale(0);
    will-change:transform;
    -webkit-transform-origin:168px 108px;
    transform-origin:168px 108px
}
svg#freehold-logo #freehold-mark #flame-bottom{
    position:relative;
    opacity:0;
    will-change:transform;
    -webkit-transform-origin:156px 72px;
    transform-origin:156px 72px
}
svg#freehold-logo #freehold-mark #flame-top{
    position:relative;
    opacity:0;
    will-change:transform;
    -webkit-transform-origin:149px 65px;
    transform-origin:149px 65px
}
.mainContent{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    float:none;
    max-width:100%;
    padding-left:10px;
    padding-right:10px;
}
@media only screen and (min-width:760px){
    .mainContent{
        margin-left:auto;
        margin-right:auto;
        width:100%;
        float:none;
        max-width:100%;
        padding-left:20px;
        padding-right:20px
    }
}
@media only screen and (min-width:1000px){
    .mainContent{
        margin-left:auto;
        margin-right:auto;
        width:100%;
        float:none;
        max-width:1160px;
        padding-left:40px;
        padding-right:40px
    }
}
.game{
    margin-bottom:80px;
}
.game:last-child{
    margin-bottom:0
}
.game-info{
    background-color:rgba(23,20,18,0.75);
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:15px;
    padding-top:20px;
    padding-bottom:5px;
}
@media only screen and (min-width:590px){
    .game-info{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
@media only screen and (min-width:760px){
    .game-info{
        padding-bottom:20px
    }
}
@media only screen and (min-width:1000px){
    .game-info{
        padding:35px;
        padding-top:40px;
        padding-bottom:30px
    }
}
.game-trailer{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    width:100%;
}
@media only screen and (min-width:760px){
    .game-trailer{
        width:50%;
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
.game-screens{
    -webkit-box-ordinal-group:5;
    -ms-flex-order:4;
    order:4;
    width:100%
}
.game-description{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    orderwidth:100%;
}
@media only screen and (min-width:760px){
    .game-description{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1;
        width:50%
    }
}
.game-action{
    width:100%;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
}
@media only screen and (min-width:760px){
    .game-action{
        margin-top:15px;
        -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
        order:4
    }
}
.game-trailer{
    padding-left:5px;
    padding-right:5px;
}
.game-description,.game-action{
    padding-left:5px;
    padding-right:5px;
    padding-top:20px;
    padding-bottom:20px;
}
@media only screen and (min-width:760px){
    .game-description,.game-action{
        padding-left:0;
        padding-right:10px;
        padding-top:0;
        padding-bottom:0
    }
}
.game-description{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:20px;
}
.game-description p{
    margin-bottom:1em;
}
.game-description p:last-child{
    margin-bottom:0
}
@media only screen and (min-width:760px){
    .game-description{
        margin-bottom:40px
    }
}
@media only screen and (min-width:760px){
    .game-description-text{
        padding-left:10px;
        padding-right:10px
    }
}
.firstSentence{
    line-height:100%;
    font-size:100%;
    font-weight:bold
}
.game-action{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.game-action p{
    margin-bottom:10px
}
@media only screen and (min-width:760px){
    .game-action p{
        margin-bottom:20px;
    }
    .game-action p:last-child{
        margin-bottom:0
    }
}
.store-buttons{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.store-buttons a{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:10px;
    margin-right:5px;
    margin-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    border:3px solid #f15f22;
    background-color:#f15f22;
    color:#171412;
}
.store-buttons a img{
    max-width:25px;
    margin-right:5px;
}
@media only screen and (min-width:760px){
    .store-buttons a img{
        max-width:40px;
        margin-right:8px
    }
}
.store-buttons a span{
    margin-top:2px
}
@media only screen and (min-width:760px){
    .store-buttons a{
        margin-right:10px;
        margin-left:10px;
        margin-bottom:20px;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:15px;
        padding-right:15px
    }
}
.store-buttons a:hover,.store-buttons a:focus{
    border-color:#f47f4e;
    background-color:#f47f4e;
    color:#171412
}
.store-buttons a:active{
    border-color:#cf460d;
    background-color:#cf460d;
    color:#171412
}
.grid-container{
    width:100%;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:5px;
}
@media only screen and (min-width:1000px){
    .grid-container{
        margin-bottom:0
    }
}
.grid-container .grid-item{
    display:inline-block;
    width:50%;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
}
@media only screen and (min-width:760px){
    .grid-container .grid-item{
        width:25%
    }
}
.grid-container .grid-item.trailer{
    width:100%;
    padding-right:0;
    padding-left:0;
    margin-bottom:0 !important;
}
.grid-container .grid-item.trailer a{
    width:100%
}
.grid-container .grid-item img{
    width:100%;
    -webkit-transition:border .15s ease;
    transition:border .15s ease;
    border:solid 3px #ebe8e7;
}
.grid-container .grid-item img:hover,.grid-container .grid-item img:focus{
    border-color:#f47f4e
}
.grid-container .grid-item img:active{
    border-color:#cf460d
}
.game-page-play-button{
    z-index:75;
    pointer-events:none;
    position:absolute;
    position:absolute;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:100px;
    height:100px;
    opacity:.75;
    -webkit-transition:opacity .2s ease;
    transition:opacity .2s ease;
    border:none !important;
}
.game-page-play-button svg circle,.game-page-play-button svg polygon{
    -webkit-transition:stroke .15s ease,fill .15s ease;
    transition:stroke .15s ease,fill .15s ease
}
.game-page-play-button svg circle{
    fill:#171412
}
.trailer{
    position:relative;
}
.trailer:hover .game-page-play-button{
    opacity:1;
}
.trailer:hover .game-page-play-button svg circle{
    stroke:#f47f4e
}
.trailer:hover .game-page-play-button svg polygon{
    fill:#f47f4e
}
#swipebox-overlay{
    background-color:rgba(23,20,18,0.95) !important
}
.swipebox-video-container{
    padding-top:12px !important;
    padding-bottom:0 !important;
    padding-left:24px !important;
    padding-right:24px !important
}
.qud .game-description{
    font-size:20px;
    line-height:24px;
}
@media only screen and (min-width:590px){
    .qud .game-description{
        font-size:22px;
        line-height:26px
    }
}
@media only screen and (min-width:760px){
    .qud .game-description{
        font-size:24px;
        line-height:28px
    }
}
.sproggi .game-description{
    font-size:20px;
    line-height:24px;
}
@media only screen and (min-width:590px){
    .sproggi .game-description{
        font-size:22px;
        line-height:26px
    }
}
@media only screen and (min-width:760px){
    .sproggi .game-description{
        font-size:24px;
        line-height:28px
    }
}
@media only screen and (min-width:590px){
    .game-action{
        font-size:28px;
        line-height:32px
    }
}
@media only screen and (min-width:760px){
    .game-action{
        font-size:32px;
        line-height:40px
    }
}
.section{
    padding-top:80px;
}
@media only screen and (min-width:760px){
    .section{
        padding-top:80px
    }
}
.section h1,.section h2{
    width:100%;
    text-shadow:0 2px 10px rgba(23,20,18,0.5);
    font-weight:bold;
    letter-spacing:1.33px;
    text-align:center;
    text-transform:uppercase;
    margin-top:0;
    margin-bottom:20px
}
.section h1{
    font-size:42px;
    line-height:46px;
}
@media only screen and (min-width:590px){
    .section h1{
        font-size:48px;
        line-height:52px
    }
}
@media only screen and (min-width:1000px){
    .section h1{
        font-size:64px;
        line-height:70px
    }
}
.section h2{
    font-size:28px;
    line-height:34px;
}
@media only screen and (min-width:590px){
    .section h2{
        font-size:32px;
        line-height:38px
    }
}
@media only screen and (min-width:1000px){
    .section h2{
        font-size:36px;
        line-height:40px
    }
}
.contributors{
    padding-top:40px
}
.projects-container{
    width:100%
}
.project-item{
    width:100%;
    padding-left:0;
    padding-right:0;
    padding-bottom:40px
}
.project-item p{
    margin-bottom:1em;
}
.project-item p:last-child{
    margin-bottom:0
}
@media only screen and (min-width:590px){
    .project-item{
        width:49%
    }
    .project-item:nth-child(odd){
        padding-right:10px;
    }
    .project-item:nth-child(odd):last-child{
        padding-right:0
    }
    .project-item:nth-child(even){
        padding-left:10px
    }
}
@media only screen and (min-width:1000px){
    .project-item{
        width:33.333333333333336%
    }
    .project-item:nth-child(odd){
        padding-right:0;
        padding-left:0
    }
    .project-item:nth-child(even){
        padding-left:0;
        padding-right:0
    }
    .project-item:nth-child(n){
        padding-left:20px;
        padding-right:20px;
    }
    .project-item:nth-child(n):last-child{
        padding-left:20px;
        padding-right:20px
    }
}
.project-image{
    padding-bottom:66%;
    background-origin:center;
    background-position:center;
    background-size:cover;
    background-color:#171412
}
.project-description{
    background-color:rgba(23,20,18,0.75);
    padding:20px
}
.team-grid-item{
    display:inline-block;
    width:100%;
    padding-left:0;
    padding-right:0;
    padding-bottom:20px;
}
@media only screen and (min-width:1000px){
    .team-grid-item{
        width:50%
    }
    .team-grid-item:nth-child(odd){
        padding-right:10px;
    }
    .team-grid-item:nth-child(odd):last-child{
        padding-right:0
    }
    .team-grid-item:nth-child(even){
        padding-left:10px
    }
}
.team-box{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%
}
@media only screen and (min-width:426px){
    .team-box{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.team-photo{
    width:100%;
    height:auto;
    min-height:300px;
    background-origin:center;
    background-position:center;
    background-size:cover;
    background-color:#171412;
    -ms-flex-negative:2;
    flex-shrink:2
}
@media only screen and (min-width:590px){
    .team-photo{
        width:33.333333336%;
        min-height:250px
    }
}
.team-description{
    width:100%;
    background-color:rgba(23,20,18,0.75);
    padding:20px
}
@media only screen and (min-width:590px){
    .team-description{
        width:66.66666666666667%
    }
}
.team-description{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    min-height:250px
}
.team-name{
    font-size:28px;
    line-height:28px
}
.team-role{
    margin-bottom:22px
}
.team-contact{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    width:100%
}
.contributor-grid-item{
    display:inline-block;
    width:100%;
    padding-left:0;
    padding-right:0;
    padding-bottom:20px;
}
.contributor-grid-item .team-box{
    height:100%
}
@media only screen and (min-width:760px){
    .contributor-grid-item{
        width:50%;
        padding-left:10px;
        padding-right:10px
    }
}
@media only screen and (min-width:1000px){
    .contributor-grid-item{
        width:33.333333333333336%
    }
}
.contributor-description{
    width:100%;
    background-color:rgba(23,20,18,0.75);
    padding:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media only screen and (min-width:590px){
    .contributor-description{
        min-height:175px
    }
}
.contact-box,.mailing-box{
    width:100%;
    background-color:rgba(23,20,18,0.75);
    padding:20px;
}
@media only screen and (min-width:760px){
    .contact-box,.mailing-box{
        padding:40px;
        font-size:24px;
        line-height:24px
    }
}
.contact-box{
    margin-bottom:20px;
}
@media only screen and (min-width:760px){
    .contact-box{
        margin-bottom:0
    }
}
.contact-grid-item{
    display:inline-block;
    width:100%;
    padding-bottom:2%;
    padding-bottom:2vw;
}
.contact-grid-item:nth-child(odd){
    padding-right:0;
    padding-right:0;
}
.contact-grid-item:nth-child(odd):last-child{
    padding-right:0
}
@media only screen and (min-width:1000px){
    .contact-grid-item:nth-child(odd){
        padding-right:1%;
        padding-right:1vw;
        width:42.85714285714286%
    }
}
.contact-grid-item:nth-child(even){
    padding-left:0;
    padding-left:0;
}
@media only screen and (min-width:1000px){
    .contact-grid-item:nth-child(even){
        width:57.142857142857146%;
        padding-left:1%;
        padding-left:1vw
    }
}
.contact-item{
    margin-bottom:20px;
}
.contact-item:last-child{
    margin-bottom:0
}
.mailing-box .mailing-header{
    margin-bottom:20px
}
.mailing-box .mc-field-group{
    margin-bottom:10px
}
.mailingList input{
    background:#302a26;
    border:3px solid #f15f22;
    border-radius:0;
    padding:10px;
    -webkit-transition:background-color .15s ease,border .15s ease,-webkit-transform .15s ease;
    transition:background-color .15s ease,border .15s ease,-webkit-transform .15s ease;
    transition:background-color .15s ease,border .15s ease,transform .15s ease;
    transition:background-color .15s ease,border .15s ease,transform .15s ease,-webkit-transform .15s ease
}
.mailingList label{
    font-size:.75em
}
.mailingList input#mce-EMAIL,.mailingList input#mce-LNAME,.mailingList input#mce-FNAME,.mailingList .mc-field-group{
    width:100%
}
.mailingList .mailing-name-row{
    width:100%;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
@media only screen and (min-width:1000px){
    .mailingList .mailing-name-row{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .mailingList .mailing-name-row .mc-field-group:first-child{
        padding-right:5px
    }
    .mailingList .mailing-name-row .mc-field-group:last-child{
        padding-left:5px
    }
}
.mailingList .mailing-name-row >{
    width:100%;
}
@media only screen and (min-width:1000px){
    .mailingList .mailing-name-row >{
        width:50%
    }
}
.mailingList input#mce-EMAIL,.mailingList input#mce-LNAME,.mailingList input#mce-FNAME{
    color:#ebe8e7;
    outline:0;
    margin-top:5px;
}
.mailingList input#mce-EMAIL:hover,.mailingList input#mce-LNAME:hover,.mailingList input#mce-FNAME:hover{
    border-color:#f47f4e
}
.mailingList input#mce-EMAIL:active,.mailingList input#mce-LNAME:active,.mailingList input#mce-FNAME:active,.mailingList input#mce-EMAIL:focus,.mailingList input#mce-LNAME:focus,.mailingList input#mce-FNAME:focus{
    border-color:#ebe8e7
}
.mailingList input#mc-embedded-subscribe{
    display:inline-block !important;
    margin-top:1em;
    background-color:#f15f22;
    color:#171412;
    font-size:1em;
    line-height:1em;
    width:100%;
    padding:10px;
    outline:0;
}
.mailingList input#mc-embedded-subscribe:hover,.mailingList input#mc-embedded-subscribe:focus{
    background-color:#f47f4e;
    border-color:#f47f4e
}
.mailingList input#mc-embedded-subscribe:active{
    background-color:#cf460d
}
.footer{
    width:100%;
    background-color:rgba(23,20,18,0.9);
    padding:20px;
    text-align:center
}
@media only screen and (min-width:760px){
    .footer{
        padding:40px
    }
}
.fade-in{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-animation-duration:1.3s;
    animation-duration:1.3s;
    -webkit-animation-timing-function:cubic-bezier(0,0,.4,1);
    animation-timing-function:cubic-bezier(0,0,.4,1);
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
@-webkit-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}