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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    font-size:100%;
    vertical-align:baseline
}
html{
    line-height:1;
    background-colour:red;
}
ol,ul{
    list-style:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
caption,th,td{
    text-align:left;
    font-weight:normal;
    vertical-align:middle
}
q,blockquote{
    quotes:none
}
q:before,q:after,blockquote:before,blockquote:after{
    content:"";
    content:none
}
a img{
    border:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
@viewport{
    width:device-width
}
h1{
    font-size:76px;
    font-size:4.766rem;
    line-height:84px;
    line-height:5.25rem
}
h2{
    font-size:61px;
    font-size:3.813rem;
    line-height:72px;
    line-height:4.5rem
}
h3{
    font-size:49px;
    font-size:3.051rem;
    line-height:60px;
    line-height:3.75rem
}
h4{
    font-size:39px;
    font-size:2.441rem;
    line-height:48px;
    line-height:3rem
}
h5{
    font-size:31px;
    font-size:1.953rem;
    line-height:36px;
    line-height:2.25rem
}
h6{
    font-size:25px;
    font-size:1.562rem;
    line-height:36px;
    line-height:2.25rem
}
html{
    -ms-touch-action:none;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
html,body{
    font-family:"Times New Roman",Georgia,"Times",serif,sans-serif;
    line-height:24px;
    color:#000;
    background:#fff;
    -webkit-text-size-adjust:100%;
    padding:0;
    margin:0;
    height:100%;
    text-rendering:geometricPrecision
}
.mobile-overlay{
    height:100%;
    width:100%;
    top:0px;
    left:0px;
    position:fixed;
    display:block;
    background-color:#E8E8E8;
    z-index:150;
    display:none
}
.logo-landscape{
    text-align:center;
    position:fixed;
    height:100%;
    width:100%;
    margin:auto;
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.logo-landscape p{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -moz-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    padding:0em 0em 1em 0em
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
    .mobile-overlay{
        display:block
    }
    .rwd-break{
        display:none
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
    .mobile-overlay{
        display:block
    }
    .rwd-break{
        display:none
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
    .mobile-overlay{
        display:block
    }
    .rwd-break{
        display:none
    }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape){
    .mobile-overlay{
        display:block
    }
    .rwd-break{
        display:none
    }
}
.nanobar{
    width:100%;
    height:3px;
    z-index:9999;
    top:0
}
.bar{
    width:0;
    height:100%;
    transition:height .3s;
    background:#E8E8E8
}
.hidden{
    display:none
}
.main-name a p.new-label span{
    position:relative;
    content:'Ruth Spencer'
}
.main-name:hover a p.new-label span{
    display:none
}
.main-name:hover a p.new-label:after{
    content:'Information'
}
section.one{
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    position:fixed;
    *zoom:1
}
section.two{
    width:100%;
    height:auto;
    position:absolute;
    *zoom:1;
    margin:0;
    padding:0
}
#about{
    z-index:200;
    position:absolute;
    width:100%;
    height:auto;
    left:0;
    top:0px;
    background:#E8E8E8
}
.main-name{
    position:fixed;
    left:0px;
    z-index:1;
    height:auto;
    bottom:0;
    padding-left:1em
}
@media (min-width: 320px){
    .main-name{
        font-size:31px;
        font-size:1.953rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:1.5em
    }
}
@media (min-width: 420px){
    .main-name{
        font-size:31px;
        font-size:1.953rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:1em
    }
}
@media (min-width: 768px){
    .main-name{
        font-size:25px;
        font-size:1.562rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:0.90em
    }
}
@media (min-width: 1025px){
    .main-name{
        font-size:25px;
        font-size:1.562rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:0.75em
    }
}
@media (min-width: 1450px){
    .main-name{
        font-size:25px;
        font-size:1.562rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:0.9em
    }
}
.close{
    position:fixed;
    left:0px;
    z-index:1;
    height:auto;
    bottom:0;
    padding-left:1em;
    z-index:210
}
@media (min-width: 320px){
    .close{
        font-size:31px;
        font-size:1.953rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:1.5em
    }
}
@media (min-width: 420px){
    .close{
        font-size:31px;
        font-size:1.953rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:1em
    }
}
@media (min-width: 768px){
    .close{
        font-size:25px;
        font-size:1.562rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:0.90em
    }
}
@media (min-width: 1025px){
    .close{
        font-size:25px;
        font-size:1.562rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:0.75em
    }
}
@media (min-width: 1450px){
    .close{
        font-size:25px;
        font-size:1.562rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:0.9em
    }
}
@media (min-width: 320px){
    p,li,ul{
        font-size:31px;
        font-size:1.953rem;
        line-height:36px;
        line-height:2.25rem
    }
}
@media (min-width: 420px){
    p,li,ul{
        font-size:31px;
        font-size:1.953rem;
        line-height:36px;
        line-height:2.25rem
    }
}
@media (min-width: 768px){
    p,li,ul{
        font-size:25px;
        font-size:1.562rem;
        line-height:36px;
        line-height:2.25rem
    }
}
@media (min-width: 1025px){
    p,li,ul{
        font-size:25px;
        font-size:1.562rem;
        line-height:36px;
        line-height:2.25rem
    }
}
@media (min-width: 1450px){
    p,li,ul{
        font-size:25px;
        font-size:1.562rem;
        line-height:36px;
        line-height:2.25rem
    }
}
.italic{
    font-style:italic
}
.cycle-slideshow{
    height:100%;
    width:100%;
    position:fixed
}
.swiper-container{
    width:100%;
    height:100%;
    text-align:center;
    overflow:hidden;
    position:fixed;
    z-index:0;
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
#next{
    cursor:pointer;
    position:absolute;
    left:50%;
    width:50%;
    height:90%;
    margin-bottom:10%;
    z-index:100
}
#prev{
    cursor:pointer;
    position:absolute;
    left:0;
    width:50%;
    height:90%;
    margin-bottom:10%;
    z-index:100
}
.slideshow{
    height:100%;
    width:100%;
    position:fixed
}
.slide{
    height:80%;
    width:100%;
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    position:fixed
}
.slideshow img{
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    margin:auto;
    display:block;
    padding:0px 10px 0px 10px;
    max-height:100%;
    width:auto
}
.slideshow p{
    bottom:0;
    width:100%;
    position:absolute;
    text-align:center
}
@media (min-width: 320px){
    .slideshow p{
        display:none;
        bottom:1.5em
    }
}
@media (min-width: 420px){
    .slideshow p{
        bottom:1em
    }
}
@media (min-width: 768px){
    .slideshow p{
        display:block;
        bottom:0.90em
    }
}
@media (min-width: 1025px){
    .slideshow p{
        bottom:0.75em
    }
}
@media (min-width: 1450px){
    .slideshow p{
        bottom:0.9em
    }
}
#custom-caption{
    position:absolute;
    right:0px;
    bottom:0;
    padding-right:1em
}
@media (min-width: 320px){
    #custom-caption{
        font-size:31px;
        font-size:1.953rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:1.5em
    }
}
@media (min-width: 420px){
    #custom-caption{
        font-size:31px;
        font-size:1.953rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:1em
    }
}
@media (min-width: 768px){
    #custom-caption{
        font-size:25px;
        font-size:1.562rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:0.90em
    }
}
@media (min-width: 1025px){
    #custom-caption{
        font-size:25px;
        font-size:1.562rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:0.75em
    }
}
@media (min-width: 1450px){
    #custom-caption{
        font-size:25px;
        font-size:1.562rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:0.9em
    }
}
.backgroundAnimated{
    z-index:3000;
    background-image:none !important;
    -webkit-animation:fadeIt 1s ease-in-out;
    -moz-animation:fadeIt 1s ease-in-out;
    -o-animation:fadeIt 1s ease-in-out;
    animation:fadeIt 1s ease-in-out
}
.color-transition{
    height:100%;
    width:100%;
    z-index:3000
}
@-webkit-keyframes fadeIt{
    0%{
        background-color:#FFFFFF
    }
    100%{
        background-color:#AD301B
    }
}
@-moz-keyframes fadeIt{
    0%{
        background-color:#FFFFFF
    }
    100%{
        background-color:#AD301B
    }
}
@-o-keyframes fadeIt{
    0%{
        background-color:#FFFFFF
    }
    100%{
        background-color:#AD301B
    }
}
@keyframes fadeIt{
    0%{
        background-color:#FFFFFF
    }
    100%{
        background-color:#AD301B
    }
}
.info-container{
    height:100%;
    width:100%
}
.info{
    height:auto;
    width:65%;
    margin:auto
}
.main-info{
    margin-top:48px;
    margin-top:3rem
}
.main-info p{
    margin-bottom:24px;
    margin-bottom:1.5rem
}
.title-name{
    margin-bottom:72px;
    margin-bottom:4.5rem
}
.indent{
    display:block
}
@media (min-width: 420px){
    .indent{
        margin-left:0%
    }
}
@media (min-width: 768px){
    .indent{
        margin-left:20%
    }
}
.text-space{
    margin-left:5%
}
#nav_up{
    cursor:pointer;
    position:absolute;
    right:0px;
    color:#000;
    bottom:0;
    padding-right:1em
}
@media (min-width: 320px){
    #nav_up{
        font-size:49px;
        font-size:3.051rem;
        line-height:60px;
        line-height:3.75rem;
        bottom:1.5em
    }
}
@media (min-width: 420px){
    #nav_up{
        font-size:39px;
        font-size:2.441rem;
        line-height:48px;
        line-height:3rem;
        bottom:1em
    }
}
@media (min-width: 768px){
    #nav_up{
        bottom:0.90em
    }
}
@media (min-width: 1025px){
    #nav_up{
        font-size:25px;
        font-size:1.562rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:0.75em
    }
}
@media (min-width: 1450px){
    #nav_up{
        font-size:25px;
        font-size:1.562rem;
        line-height:36px;
        line-height:2.25rem;
        bottom:0.9em
    }
}
a{
    text-decoration:none;
    color:#000
}
a:hover,a:active,a:focus{
    outline:0;
    outline:none;
    text-decoration:none;
    color:#E8E8E8;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    cursor:pointer
}
a:visited{
    color:#000
}
input::-moz-focus-inner{
    border:0
}
input::-moz-focus-inner{
    border:0
}
ul{
    counter-reset:item;
    margin-left:0;
    padding-left:0
}
ul li{
    display:block;
    list-style-type:none;
    margin-left:-1.7em
}
html{
    font-size:100%;
    line-height:1.5em
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block
}
audio,canvas,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden]{
    display:none
}
html{
    font-family:"Times New Roman",Georgia,"Times",serif;
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    line-height:24px;
    line-height:1.5rem;
    font-size:calc(0.875em + 0.25 * (100vw - 80em) / 40);
    font-size:-webkit-calc(87.5% + 0.25 * (100vw - 8000%) / 40);
    font-size:-ms-calc(0.875em + 0.25 * (100vw - 80em) / 40)
}
body{
    margin:0
}
a:focus{
    outline:none
}
a:active,a:hover{
    outline:0
}
blockquote{
    margin:1.5rem 40px
}
h1{
    font-size:32px;
    font-size:2rem;
    line-height:36px;
    line-height:2.25rem;
    margin-top:24px;
    margin-top:1.5rem;
    margin-bottom:24px;
    margin-bottom:1.5rem
}
h2{
    font-size:24px;
    font-size:1.5rem;
    line-height:36px;
    line-height:2.25rem;
    margin-top:24px;
    margin-top:1.5rem;
    margin-bottom:24px;
    margin-bottom:1.5rem
}
h3{
    font-size:19px;
    font-size:1.17rem;
    line-height:24px;
    line-height:1.5rem;
    margin-top:24px;
    margin-top:1.5rem;
    margin-bottom:24px;
    margin-bottom:1.5rem
}
h4{
    font-size:16px;
    font-size:1rem;
    line-height:24px;
    line-height:1.5rem;
    margin-top:24px;
    margin-top:1.5rem;
    margin-bottom:24px;
    margin-bottom:1.5rem
}
h5{
    font-size:13px;
    font-size:0.83rem;
    line-height:24px;
    line-height:1.5rem;
    margin-top:24px;
    margin-top:1.5rem;
    margin-bottom:24px;
    margin-bottom:1.5rem
}
h6{
    font-size:11px;
    font-size:0.67rem;
    line-height:24px;
    line-height:1.5rem;
    margin-top:24px;
    margin-top:1.5rem;
    margin-bottom:24px;
    margin-bottom:1.5rem
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:bold
}
dfn{
    font-style:italic
}
hr{
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
mark{
    background:#ff0;
    color:#000
}
code,kbd,pre,samp{
    font-family:monospace, serif;
    font-size:16px;
    font-size:1rem;
    line-height:24px;
    line-height:1.5rem
}
pre{
    white-space:pre-wrap
}
q{
    quotes:"\201C" "\201D" "\2018" "\2019"
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
dl,menu,ol,ul{
    margin:1.5rem 0;
    padding:0 0 0 40px
}
dl{
    padding:0
}
dd{
    margin:0 0 0 40px
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:0
}
fieldset{
    border-color:#c0c0c0;
    margin:0 2px;
    border-top-width:1px;
    border-top-width:0.0625rem;
    border-top-style:solid;
    padding-top:7px;
    padding-top:0.4625rem;
    border-bottom-width:1px;
    border-bottom-width:0.0625rem;
    border-bottom-style:solid;
    padding-bottom:15px;
    padding-bottom:0.9125rem;
    border-left-width:1px;
    border-left-width:0.0625rem;
    border-left-style:solid;
    padding-left:14px;
    padding-left:0.875rem;
    border-right-width:1px;
    border-right-width:0.0625rem;
    border-right-style:solid;
    padding-right:14px;
    padding-right:0.875rem
}
legend{
    border:0;
    padding:0
}
button,input,select,textarea{
    font-family:inherit;
    font-size:100%;
    margin:0
}
button,input{
    line-height:normal
}
button,select{
    text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
input[type="checkbox"],input[type="radio"]{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type="search"]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
textarea{
    overflow:auto;
    vertical-align:top
}
table{
    border-collapse:collapse;
    border-spacing:0
}