/* OCLC Annual Report 2018-2019 */
/* Page structure */
 html{
     scroll-behavior: smooth;
}
 body{
     margin:0;
}
 .cover{
}
 .cover, .cover .row{
     padding:0;
}
 .cover .container{
     width:100%;
     max-width:none;
}
 section.section-content .container{
     padding:6rem 20px;
}
 h1, h2, h3, h4, h5, h6 {
     margin-top: 0;
     margin-bottom: 2rem;
     font-family: 'Graphik',Helvetica,Arial,sans-serif;
}
 section.section-content a{
     font-weight:600;
     color:#333f48;
     text-decoration:none;
     border-bottom:1px solid #333f48;
}
 section.section-content a:hover{
     color:#007dba;
     border-bottom:1px solid #007dba;
}
/* Hero */
 #report-hero h1{
     position: absolute;
     top: 0;
     left: 0;
     width:100%;
     margin-top: 136px;
}
 h1 span.title{
     display:block;
}
 h1 span.title.one {
     margin:0 4% 20rem;
     font-weight:900;
     font-size:4rem;
     color:#F6BE00;
     line-height: 1.1;
     letter-spacing:0;
}
 h1 span.title.two {
     text-indent: -99999px;
     background-image:url('/content/dam/oclc/annual-report/2019/images/bg_hero_headline.svg');
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center top;
     margin:0 4%;
     padding:0 0 28%;
}
/* Hero background slider */
 #report-hero-print {
     display:none;
}

 #content-slider {
     width:100%;
}
 #content-slider, .slider, .slider-mask, .slider li {
     height:900px;
}
 .slider {
     float:left;
     overflow:visible;
     position:relative;
     background:pink;
}
 .slider-mask {
     overflow:hidden;
}
 .slider ul {
     margin:0;
     padding:0;
     position:relative;
}
 .slider li {
     width:100%;
     position:absolute;
     list-style:none;
     background-repeat:no-repeat;
     background-size:cover;
     background-position:center center;
}
 #slider1 {
     background-color:#00AFD7;
     width:33.3%;
}
 #slider2 {
     background-color:#E87722;
     width:33.3%;
}
 #slider3 {
     background-color:#F6BE00;
     width:33.4%;
}
 #slider1 li.firstanimation {
     animation:cycleone 24s linear infinite;
     background-image:url('/content/dam/oclc/annual-report/2019/images/slider_bg_blue1.jpg');
}
 #slider1 li.secondanimation {
     animation:cycletwo 24s linear infinite;
     background-image:url('/content/dam/oclc/annual-report/2019/images/slider_bg_blue2.jpg');
}
 #slider1 li.thirdanimation {
     animation:cyclethree 24s linear infinite;
     background-image:url('/content/dam/oclc/annual-report/2019/images/slider_bg_blue3.jpg');
}
 #slider2 li.firstanimation {
     animation:cycleone 24s linear infinite;
     background-image:url('/content/dam/oclc/annual-report/2019/images/slider_bg_orange1.jpg');
}
 #slider2 li.secondanimation {
     animation:cycletwo 24s linear infinite;
     background-image:url('/content/dam/oclc/annual-report/2019/images/slider_bg_orange2.jpg');
}
 #slider2 li.thirdanimation {
     animation:cyclethree 24s linear infinite;
     background-image:url('/content/dam/oclc/annual-report/2019/images/slider_bg_orange3.jpg');
}
 #slider3 li.firstanimation {
     animation:cycleone 24s linear infinite;
     background-image:url('/content/dam/oclc/annual-report/2019/images/slider_bg_yellow1.jpg');
}
 #slider3 li.secondanimation {
     animation:cycletwo 24s linear infinite;
     background-image:url('/content/dam/oclc/annual-report/2019/images/slider_bg_yellow2.jpg');
}
 #slider3 li.thirdanimation {
     animation:cyclethree 24s linear infinite;
     background-image:url('/content/dam/oclc/annual-report/2019/images/slider_bg_yellow3.jpg');
}
 @keyframes cycleone {
     0% {
         left:0px;
    }
    /* image is visible */
     7% {
         left:0px;
    }
    /* image is visible + 7*/
     29% {
         left:0px;
         opacity:1;
         z-index:0;
    }
    /* image is visible +22 */
     33% {
         left:860px;
         opacity:0;
         z-index:0;
    }
    /* +4 */
     34% {
         left:-860px;
         opacity:0;
         z-index:-1;
    }
    /* +1 */
     92% {
         left:-860px;
         opacity:0;
         z-index:0;
    }
     96% {
         left:-860px;
         opacity:0;
    }
     100%{
         left:0px;
         opacity:1;
    }
}
 @keyframes cycletwo {
     0% {
         left:-860px;
         opacity:0;
    }
     29% {
         left:-860px;
         opacity:0;
    }
    /* -4 */
     33% {
         left:0px;
         opacity:1;
    }
    /* image is visible */
     40% {
         left:0px;
         opacity:1;
    }
    /* image is visible +7 */
     62% {
         left:0px;
         opacity:1;
         z-index:0;
    }
    /* image is visible +22 */
     66% {
         left:860px;
         opacity:0;
         z-index:0;
    }
    /* +4 */
     67% {
         left:-860px;
         opacity:0;
         z-index:-1;
    }
    /* +1 */
     100%{
         left:-860px;
         opacity:0;
         z-index:-1;
    }
}
 @keyframes cyclethree {
     0% {
         left:-860px;
         opacity:0;
    }
     62% {
         left:-860px;
         opacity:0;
    }
    /* -4 */
     66% {
         left:0px;
         opacity:1;
    }
    /* image is visible */
     73% {
         left:0px;
         opacity:1;
    }
    /* image is visible +7 */
     95% {
         left:0px;
         opacity:1;
         z-index:0;
    }
    /* image is visible +22 */
     99% {
         left:860px;
         opacity:0;
         z-index:0;
    }
    /* +4 */
     100% {
         left:-860px;
         opacity:0;
         z-index:-1;
    }
    /* +1 */
}
 @media (min-width: 2080px) {
     #content-slider, .slider, .slider-mask, .slider li {
         height:1000px;
    }
}
 @media (min-width: 1600px) and (max-width: 2079px) {
     #content-slider, .slider, .slider-mask, .slider li {
         height:900px;
    }
}
 @media (min-width: 1220px) and (max-width: 1599px) {
     #content-slider, .slider, .slider-mask, .slider li {
         height:920px;
    }
}
 @media (min-width: 880px) and (max-width: 1219px) {
     #content-slider, .slider, .slider-mask, .slider li {
         height:800px;
    }
}
 @media (min-width: 680px) and (max-width: 879px) {
     #content-slider, .slider, .slider-mask, .slider li {
         height:700px;
    }
}
 @media (min-width: 480px) and (max-width: 679px) {
     #content-slider, .slider, .slider-mask, .slider li {
         height:620px;
    }
     #slider3 {
         display:none;
    }
     .slider {
         width:50% !important;
    }
}
 @media (min-width: 400px) and (max-width: 479px) {
     #content-slider, .slider, .slider-mask, .slider li {
         height:580px;
    }
     #slider2, #slider3 {
         display:none;
    }
     .slider {
         width:100% !important;
    }
}
 @media (max-width: 399px) {
     #content-slider, .slider, .slider-mask, .slider li {
         height:500px;
    }
     #slider2, #slider3 {
         display:none;
    }
     .slider {
         width:100% !important;
    }
}
/* Year in Review header */
 #yearinreview-hed {
     margin-bottom:8px;
     background-color:#333F48;
     background-image:url('/content/dam/oclc/annual-report/2019/images/bg_section_header_rectangles_color_animated.svg');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center top;
}
 #yearinreview-hed .container {
     padding: 12rem 4rem;
}
 #yearinreview-hed h2 {
     text-indent: -99999px;
     background-image:url('/content/dam/oclc/annual-report/2019/images/bg_year_in_review_headline_white_grey.svg');
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center top;
     margin:0 4%;
     padding:0 0 8%;
}
/* Section headers */
 section.section-header .container{
     padding:8rem 4rem;
}
 section#yearinphotos-hed .container{
     padding:8rem 4rem 5rem
}
 .section-header h2 .title{
     font-weight:900;
     color:#ffffff;
     text-transform:uppercase;
}
 .section-header h2 .title.small{
     display:block;
     font-size:5rem;
     margin:0 0 1rem;
     letter-spacing: 0rem;
}
 .section-header h2 .title.large{
     display:inline-block;
     margin:0 0 3rem;
     font-size:8rem;
     line-height: 1em;
     padding:2rem 3rem;
}
 .section-header p.intro{
     margin:0 0 0 20%;
     font-size:3rem;
     font-weight:400;
     line-height:1.3em;
     color:#ffffff;
     letter-spacing:-0.5px;
}
 .section-header p.intro strong{
     font-weight:700;
}
 #knowledge-hed p.intro, #financials-hed p.intro{
     color:#333F48;
}
 #communities-hed, #technology-hed, #knowledge-hed, #financials-hed, #yearinphotos-hed, #libraries-hed {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
}
 #communities-hed{
     background-color: #236192;
     background-image: url('/content/dam/oclc/annual-report/2019/images/bg_section_header_communities.svg');
}
 #communities-hed h2 .title.large{
     background-color: #00AFD7;
}
 #technology-hed{
     background-color: #E87722;
     background-image: url('/content/dam/oclc/annual-report/2019/images/bg_section_header_technology.svg');
}
 #technology-hed h2 .title.large{
     background-color: #98342a;
}
 #knowledge-hed{
     background-color: #F6BE00;
     background-image: url('/content/dam/oclc/annual-report/2019/images/bg_section_header_knowledge.svg');
}
 #knowledge-hed h2 .title.large{
     background-color: #ed8e17;
}
 #financials-hed, #yearinphotos-hed{
     background-color: #eceeef;
     background-image: url('/content/dam/oclc/annual-report/2019/images/bg_section_header_rectangles_grey.svg');
}
 #financials-hed h2 .title.large, #yearinphotos-hed h2 .title.large{
     background-color: #333F48;
     color:#ffffff;
}
 #yearinphotos-hed h2{
     margin:0;
}
#libraries-hed{
    background-color: #333f48;
    background-image: url('/content/dam/oclc/annual-report/2019/images/bg_section_header_knowledge.svg');
    margin: 0 0 10px 0;
}
#libraries-hed h2 .title.large{
    background-color: #236192;
}
/* Section content */
 section.section-content h3{
     margin-top:6rem;
     font-weight: 300;
     font-size: 5rem;
     line-height: 1.2;
}
 section.section-content h3.first{
     margin-top:0;
}
 #welcome-content h2{
     margin:0 0 4rem;
     font-weight: 900;
     font-size: 5rem;
     text-transform: uppercase;
}
 #communities-content h3{
     color:#236192;
}
 #technology-content h3{
     color:#98342a;
}
 #knowledge-content h3{
     color:#ed8e17;
}
 #financials-content h3{
     color:#333F48;
}
 #welcome-content .columns {
	 margin-top: 4rem;
}
 #welcome-content p strong{
     font-size:3rem;
     display:block;
     margin-bottom:1rem;
}
 #welcome-content .offset-box-fill p strong{
     margin-bottom:2rem;
     line-height:1.2em;
}
 #welcome-content .offset-box-fill p,#welcome-content .offset-box-fill li{
     color:#ffffff;
}
 #welcome-content .offset-box-fill ul{
     margin:1rem 0 0 0;
}
 #welcome-content .offset-box-fill li{
     list-style-type:none;
     margin-bottom:1.3em;
}
 #welcome-content .offset-box-fill a{
     color:#ffffff;
     border-bottom:1px solid #ffffff;
}
 #welcome-content .offset-box-fill a:hover{
     color:#F6BE00;
     border-bottom:1px solid #F6BE00;
}
 #lodchart{
     background:#f1f2f3;
     padding-bottom: 2rem;
}
 #lodchart .twelve.columns{
     margin-bottom: 2rem;
}
 #lodchart h4,#lodchart p{
     text-align:center;
     line-height:1.2em;
     letter-spacing:0
}
 #lodchart h4{
     margin:0 auto;
     padding:3rem 0 2rem;
     font-size:3.5rem;
     font-weight:800;
     color:#333F48;
     border-bottom: 2px solid #888B8D;
     width: 80%;
}
 #lodchart p{
     margin:0 10% 24px;
     font-size:2rem;
     letter-spacing: -0.5px;
}
 #lodchart p strong{
     display:block;
     font-weight:800
}
 #lodchart .discover p{
     color:#007DBA
}
 #lodchart .fulfillment p{
     color:#4C8C2B
}
 #lodchart .account p{
     color:#E87722
}
 #lodchart .access p{
     color:#8A1B61
}
 #lodchart img{
     display:block;
     margin:0 auto;
     width:120px;
     height:auto
}

 #changegame {
     background:#f1f2f3;
     padding-bottom: 2rem;
     margin-bottom:2.5rem;
}
#changegame p {
    color: #236192;
     padding:0 10%;
     font-size:2.3rem;
     font-weight:800;
}

/* Offset boxes */
 .offset-box-fill-cont1,.offset-box-fill-cont2{
     border-style:solid;
}
 .offset-box-fill-cont1{
     margin-left:12px;
     border-style: solid;
     border-width: 0 12px 12px 0;
}
 .offset-box-fill-cont2{
     border-style: solid;
     border-width: 12px 0 0 12px;
     position:relative;
     left:-12px;
     top:-12px;
     margin-right:-12px;
     margin-bottom:-12px;
}
 .offset-box-fill{
     padding:32px;
}
 .offset-box-fill-cont1.blue{
    /* interior stroke */
     border-color:#236192;
}
 .offset-box-fill-cont1.blue .offset-box-fill-cont2{
    /* exterior stroke */
     border-color:#00AFD7;
     background-color:#0994c1;
}
 .offset-box-stroke-cont1,.offset-box-stroke-cont2{
     border-style:solid;
     border-width:1px;
}
 .offset-box-stroke-cont1{
     margin-top:6rem;
     margin-bottom:6rem;
}
 .offset-box-stroke-cont1{
     margin-left:12px;
}
 .offset-box-stroke-cont2{
     position:relative;
     left:-12px;
     top:-12px;
     margin-right:-2px;
     margin-bottom:-2px;
}
 .offset-box-stroke{
     padding:36px;
}
 .offset-box-stroke-cont1.grey{
    /* interior stroke */
     border-color:#BBBCBC;
}
 .offset-box-stroke-cont1.grey .offset-box-stroke-cont2{
    /* exterior stroke */
     border-color:#333F48;
}
 .offset-box-stroke-cont1.blue{
    /* interior stroke */
     border-color:#00AFD7;
}
 .offset-box-stroke-cont1.blue .offset-box-stroke-cont2{
    /* exterior stroke */
     border-color:#236192;
}
 .offset-box-stroke-cont1.orange{
    /* interior stroke */
     border-color:#E87722;
}
 .offset-box-stroke-cont1.orange .offset-box-stroke-cont2{
    /* exterior stroke */
     border-color:#d33805;
}
 .offset-box-stroke p.quote{
     margin-top: 2rem;
     font-size: 3rem;
     font-weight: 400;
     line-height: 1.3em;
     font-weight: 400;
     letter-spacing: -0.5px;
}
 .offset-box-stroke p.attr{
     line-height: 1.3em;
     color:#333F48;
}
 .offset-box-stroke img{
     margin-bottom:0 !important;
}
 .offset-box-stroke-cont1.blue p.quote{
     color:#00AFD7;
}
 .offset-box-stroke-cont1.orange p.quote{
     color:#E87722;
}
 #welcome-content .offset-box-fill-cont1{
     margin-top:4rem;
     margin-bottom:4rem;
}
 #welcome-content .offset-box-fill p, #financials-content .offset-box-stroke p{
     margin:0;
}
 #welcome-content .offset-box-fill p{
     font-size:2.5rem;
     line-height:1.4em;
     color:#ffffff;
}
 #financials-content .offset-box-stroke-cont1{
     margin-top:2rem;
     margin-bottom:2rem;
}
/* Financials */
 #financials-content h4,#financials-content h5{
     letter-spacing:0;
}
 #financials-content h4{
     font-size:3rem;
     font-weight:800;
     letter-spacing:0;
     margin-bottom:1rem
}
 #financials-content h4.no-note{
     margin-bottom:2rem
}
 #financials-content h4,#financials-content p.note{
     color:#236192;
     line-height:1.2em;
}
 #financials-content table{
     width:100%;
     border-top:1px solid #BBBCBC;
     border-left:1px solid #BBBCBC;
     margin-bottom:6rem
}
 #financials-content table th,#financials-content table td{
     padding:1rem 1.5rem;
     border-right:1px solid #BBBCBC;
     border-bottom:1px solid #BBBCBC;
     vertical-align:top;
     line-height: 1.3em;
     text-align:left
}
 #financials-content table th{
     background:#f1f2f3
}
 #financials-content table td.indent{
     padding-left:3.5rem
}
 #financials-content h5,#financials-content #categories p{
     font-size: 1.5rem;
     line-height:1.3em;
}
 #financials-content h5{
     margin:0 0 0.3em;
     font-weight:700;
}
 #financials-content h5 .marker{
     display:inline-block;
     height:12px;
     width:12px;
     margin-right:6px;
}
 #financials-content h5 .marker.yellow{
     background:#f6be00;
}
 #financials-content h5 .marker.orange{
     background:#e87722;
}
 #financials-content h5 .marker.ltblue{
     background:#00afd7;
}
 #financials-content h5 .marker.medblue{
     background:#007dba;
}
 #financials-content h5 .marker.ltgreen{
     background:#78be20;
}
 #financials-content h5 .marker.medgreen{
     background:#4c8c2b;
}
 #financials-content h5 .marker.ltfuschia{
     background:#ae2573;
}
 #financials-content h5 .percent{
     font-weight:400;
}
 #financials-content #chart1,#financials-content #chart2{
     width:100%;
     height:400px;
     background-color:#ffffff;
     margin-bottom:4rem
}
 #financials-content .chart-investment, #financials-content .chart-expenditures{
     display:none;
}
/* Responsive video embed */
 .embed-container {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
     max-width: 100%;
     height: auto;
     margin: 0 0 30px 0;
}
 .embed-container iframe, .embed-container object, .embed-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/* Footer */
 footer {
     font-size: 1.6rem;
     color: #333f48;
     padding: 0 0 100px 0;
     margin: 0;
     background: #f0f0f0;
}
 footer .container {
     padding-top: 6rem;
}
 footer h6 {
     font-weight: 900;
     margin: 0 0 0.5rem;
     font-size: 1.8rem;
     line-height: 2.2rem;
}
 footer a {
     color: #333f48;
     text-decoration: underline;
}
 footer a:hover {
     color: #000000;
}
 footer .contact a {
     color: #007dba;
}
 footer .contact a:hover {
     color: #e87722;
}
 footer p {
     margin: 0 0 1rem;
     line-height:1.7rem;
}
 footer ul {
     margin-left: 0;
}
 footer ul li {
     display: inline-block;
     margin: 0 15px 0 0;
}
 .copyright {
     margin-top: 1.5rem;
     font-size: 1.25rem;
}
 .copyright .info-links {
     font-size: 1.6rem;
     line-height: 2.5rem;
}
 .tollfree-area {
     font-size: 1.25rem;
     margin-top:-4px;
}
 .footer-tag {
     font-size: 1.8rem;
     margin: 14px 0px 20px;
     font-weight:800;
     line-height: 2.2rem;
}
 .footer-logo {
     margin-bottom: 25px;
}
 .social-links {
     margin-top:20px;
}
 .social-links a {
     margin-right:7px;
}
 footer .line {
     margin-top: 50px;
     margin-bottom: 50px;
     display: block;
     border-top: solid 2px #333f48;
}
/* Misc */
 p.credit{
     font-size:1.5rem;
     line-height:1.3em;
     font-style:italic;
     color:#888B8D
}
 a.linkbutton {
     display:inline-block;
     text-decoration:none;
     border:none !important;
     font-weight:bold;
     line-height: 1.2em;
     color:#ffffff !important;
     padding:1rem 1.4rem;
     transition: 0.3s;
}
 a.linkbutton.blue {
     background:#00AFD7;
}
 a.linkbutton.blue:hover {
     background:#0093c6;
}
 a.linkbutton.orange {
     background:#E87722;
}
 a.linkbutton.orange:hover {
     background:#de5814;
}
 .nobr {
     white-space: nowrap;
}
 .column img,.columns img{
     max-width:100%;
     height:auto;
     margin:1rem auto;
}
 .column img.no-margin,.columns img.no-margin{
     margin:0 auto;
}
 hr.grey{
     border-top: 1px solid #888B8D;
}
/* Media queries -- Hero */
 @media (max-width: 399px) {
     h1 span.title.one {
         font-size:2.5rem !important;
         margin: 0 4% 12rem;
    }
}
 @media (max-width: 599px) {
     h1 span.title.one {
         margin-bottom:12rem;
    }
     h1 span.title.two {
         background-image:url('/content/dam/oclc/annual-report/2019/images/bg_hero_headline_mobile.svg');
         padding:0 0 33%;
    }
}
 @media (max-width: 1080px) {
     h1 span.title.one {
         font-size:3rem;
    }
}
 @media (min-width: 1600px) {
     h1 span.title.one {
         margin:0 14% 16rem;
    }
     h1 span.title.two {
         margin:0 14%;
         padding:0 0 22%;
    }
}
/* Media queries -- Body */
 @media (min-width: 1440px) {
     section.section-content{
         font-size:1.3em;
    }
}
/* Media queries -- Year in Review header */
 @media (min-width: 750px) and (max-width: 1279px) {
     #yearinreview-hed .container {
         padding: 10rem 4rem;
    }
}
 @media (max-width: 749px) {
     #yearinreview-hed .container {
         padding: 8rem 4rem;
    }
     #yearinreview-hed h2 {
         background-image:url('/content/dam/oclc/annual-report/2019/images/bg_year_in_review_headline_white_grey_mobile.svg');
         margin:0 2%;
         padding:0 0 33%;
    }
}
 @media (max-width: 438px) {
     #yearinreview-hed .container {
         padding: 6rem 4rem;
    }
     #yearinreview-hed h2 {
         background-image:url('/content/dam/oclc/annual-report/2019/images/bg_year_in_review_headline_white_grey_mobile.svg');
         margin:0;
         padding:0 0 28%;
    }
}
/* Media queries -- Section headers */
 @media (min-width: 1600px) {
     .section-header h2 .title.small{
         font-size:7rem;
    }
     .section-header h2 .title.large{
         font-size:10rem;
         padding:2rem 3.2rem;
    }
}
 @media (max-width: 934px) {
     section.section-content .column, section.section-content .columns {
         float:none;
         width:100% !important;
         margin-left:0;
    }
     .section-header h2 .title.small{
         font-size:4rem;
    }
     .section-header h2 .title.large{
         font-size:6rem;
    }
     section.section-content h3{
         font-size:4rem;
    }
     #lodchart h4{
         margin-top:4rem;
    }
}
 @media (max-width: 590px) {
     .section-header h2 .title.small{
         font-size:3rem;
         margin:0 0 0.3rem;
    }
     .section-header h2 .title.large{
         font-size:5rem;
         padding:1.5rem 2rem;
    }
     .section-header p.intro{
         margin:0;
         font-size:2.5rem;
    }
}
 @media (max-width: 438px) {
     section.section-header .container, section#yearinphotos-hed .container {
         padding: 4rem 2rem;
    }
     section#yearinphotos-hed h2 .title.large {
         margin:0;
    }
     .section-header h2 .title.small{
         font-size:2rem;
    }
     .section-header h2 .title.large{
         font-size:4rem;
         padding:1rem 1.4rem;
    }
     .section-header p.intro{
         margin:0;
         font-size:2.2rem;
    }
}
/* Media queries -- Welcome content */
 @media (max-width: 1599px) {
     #welcome-content .columns {
         float:none;
         display:block;
         width:100%;
         margin-left:0;
    }
}
 @media (min-width: 1200px) and (max-width: 1599px) {
     #welcome-content .container {
         margin:0 auto;
         width: 60%;
         padding: 8rem 0rem 10rem;
    }
}
 @media (min-width: 516px) and (max-width: 1199px) {
     #welcome-content .container {
         margin:0 auto;
         width: 80%;
         padding:6rem 0 8rem;
    }
}
 @media (max-width: 515px) {
     #welcome-content .container {
         margin:0 auto;
         width: 90%;
         padding:6rem 0 8rem;
    }
     #welcome-content .offset-box-fill{
         padding:24px;
    }
     #welcome-content .offset-box-fill p{
         font-size:2rem;
    }
}
/* Media queries -- Offset boxes */
 @media (min-width: 1440px) {
     .offset-box-stroke p.quote {
         font-size: 3.5rem;
    }
}
 @media (max-width: 934px) {
     .column img,.columns img{
         margin:3rem auto;
    }
     .offset-box-stroke img{
         margin:0 !important;
    }
}
 @media (max-width: 438px) {
     .offset-box-stroke{
         padding:24px 20px 24px 30px;
    }
     .offset-box-stroke p.quote{
         font-size: 2.2rem;
    }
}
/* Media queries -- Footer */
 @media (max-width: 934px) {
     footer .column, footer .columns {
         float:none;
         width:100% !important;
         margin-left:0;
    }
}
/* Media queries -- Financials */
 @media (min-width: 700px) and (max-width: 999px){
     #financials-content #chart2{
         height:300px;
    }
}
 @media (max-width: 699px) {
     #financials-content .chart-investment, #financials-content .chart-expenditures {
         display:block;
         margin-bottom:4rem;
    }
     #financials-content #chart1, #financials-content #chart2{
         display:none;
    }
}
/* Media queries -- Other */
 @media (min-width: 1440px) {
     #welcome-content p strong{
         font-size:3rem;
    }
     #welcome-content .offset-box-fill p {
         font-size:3rem;
    }
}
 @media (max-width: 934px) {
     .column img,.columns img{
         margin:1rem auto;
    }
}
 @media (max-width: 499px) {
     #report-hero .container {
         padding-left: 0;
         padding-right: 0;
    }
}
 @media screen and (prefers-reduced-motion: reduce) {
     html {
         scroll-behavior: auto;
    }
}
 @media print {
     @page {
         margin: .5in;
    }
     html {
         background: none !important;
         background-color: #ffffff !important;
    }
     body {
         background: none !important;
         background-color: #ffffff !important;
         border: none !important;
         border-color: #ffffff !important;
    }
     #report-hero-print, #financials-content .chart-investment, #financials-content .chart-expenditures {
         display: block;
    }
     header, #report-hero, #financials-content #chart1, #financials-content #chart2, #yearinphotos-hed, #yearinphotos-content {
         display: none !important;
    }
    .section-header h2 .title, .section-header p.intro { color: #333f48 !important; }
}