@media all and (min-width:768px){


/* HEADER NAV */

.progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: white;
    z-index: 1000000;
    display: block;
}
.progress .bar {
  height: 100%;
  width: 0%;
  background: #ffc600;
  transition: background 0.15s ease;
    padding: 0 !important;
    margin: 0 !important;
}

.menu {
    width: 100%;
    padding: 0 !important;
}
.menu li:first-child {
    padding-top: 0;
}
.header li {
    float: left;
    margin: 0px 3px 0px 3px;
    height: 75px;
}
.header li a {
    font-size: 15px;
    padding: 28px 12px 0 12px;
    height: 100%;
    position: relative;
    transition: all 0.2s;
}
 .header .menu {
    clear: none;
    float: right;
    max-height: none;
    height: 75px;
}
.header .menu-icon {
    display: none;
}
li.current a {
    font-size: 18px !important;
    padding: 28px 15px 0 15px !important;
}
li.current a::after {
    height: 9px;
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 3px;
    background:  #ffc600;
    -ms-transform: skew(45deg);
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
}
li.current a {
    border-left: none;
    margin-left: 0;
}
.menu li:first-child {
    margin-left: calc((100vw - 720px)/2);
}

body {
    font-size: 25px;
}
h2 {
  font-size: 75px;
}



.print {
    position: absolute;
    top: 100px;
    z-index: 10000;
    left: 27px;
    display: block;
}
.print a {
    text-decoration: none;
    text-transform: uppercase;
}
.print p {
    color: white;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 16px;
    margin: 0;
}



/*HOMEPAGE*/
#home {
    height: calc(100vh + 170px);
}

#home h1, #home h1 span {
   line-height: 100%;
}
#home h1 {
    padding: 50px;
}
#home h2 {
    padding: 0;
}
#home .title {
    padding-top: 24vh;
}
.logos {
    margin-top: 100px;
}
.home-social-list img, .home-social-list .fab {
    transition: all 0.2s;
}
.home-social-list img:hover, .home-social-list .fab:hover {
    -ms-transform: translateY(-3px);
    webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}


@media only screen and (max-height: 890px) {
#home {
     height: calc(100vh + 170px);
}
#home .title {
    padding-top: 16vh;
}
.logos {
    margin-top: 50px;
}
#home .title::after {
margin: 25px auto 0 auto;
}
}


/*MESSAGE*/
#message h2 {
    top: -72px;
    font-size: 36px;
    letter-spacing: 9px;
}
#message .container {
    width: 100%;
    margin: 0px auto 60px auto;
    max-width: 100%;
}
#message .box {
    width: 100vw;
    padding: 0 20px;
}
#head {
    width: 100%;
    float: right;
}
#message .quote {
    clear: both;
}
#message h2 {
    text-align: center;
    margin-bottom: 85px;
}
#message .quote p {
    text-align: right !important;
    margin: 0;
    width: 100%;
}
.img.f-left {
    width: 158px;
}
.img div {
    width: 350px;
    margin-left: -200px;
}



/*FULL WIDTH IMAGES*/
div.full-image {
	height: 100vh;
      width: 100vw !important;
}
.title.mobile {
    display: none;
}

.title h2 {
    font-size: 67px;
}
.bar {
    margin-left: -40px;
}

.bar {
    width: 50vw;
}

.title .bar::after {    
    width: 45vw;
}


/*STORIES*/


.feature h3, .stories h3 {
    display: none;
}

.banner {
    height: 170px;
}
.overlay p {
    font-size: 15px !important;
}
section.split div.text {
    margin-left: 65vw;
    margin-top: -10vh;
    width: 35vw;
}

.block p {
    font-size: 12px;
    width: 50%;
}


/*---------------------- STRATEGIC PLAN----------------------*/
.box {
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 1600px;
    margin-left: auto !important;
    margin-right: auto !important;
}
#strategic .text {
    width: 100vw;
    margin-left: 0;
}
#strategic h2 {
    padding-right: 0;
    font-size: 46px;
    letter-spacing: 9px;
}
#strategic h3 {
    margin: 0;
    text-align: right;
}
.left {
    width: 30%;
    float: left;
    padding: 0 20px 0 20px;
}
#strategic .right, #message .right {
    float: right;
    width: 70%;
    padding: 0 20px 0 20px;
    border-left: 2px solid black;
}
.quote {
    display: block;
    font-style: italic !important;
    font-size: 21px !important;
    text-align: right !important;
    font-weight: 400 !important;
    width: 80%;
    margin: 41px auto;
    color: #06294d;
    width: 100%;
    line-height: 170%;
}
.btn {
    width: 25%;
    height: auto;
    line-height: 19px;
    padding: 10px;
    text-align: center;
    position: absolute;
    bottom: 21px;
}




/*---------------------- FINANCES AND FUNDRAISING----------------------*/
.box {
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 1600px;
    margin-left: auto !important;
    margin-right: auto !important;
}
#finances .text {
    width: 100vw;
    margin-left: 0;
}
#finances h2 {
    padding-right: 0;
    font-size: 46px;
    letter-spacing: 9px;
}
#finances h3 {
    margin: 0;
    text-align: right;
}
.left {
    width: 30%;
    float: left;
    padding: 0 20px 0 20px;
}
#finances .right, #message .right {
    float: right;
    width: 70%;
    padding: 0 20px 0 20px;
    border-left: 2px solid black;
}
.quote {
    display: block;
    font-style: italic !important;
    font-size: 21px !important;
    text-align: right !important;
    font-weight: 400 !important;
    width: 80%;
    margin: 41px auto;
    color: #06294d;
    width: 100%;
    line-height: 170%;
}
.btn {
    width: 25%;
    height: auto;
    line-height: 19px;
    padding: 10px;
    text-align: center;
    position: absolute;
    bottom: 21px;
}


/*---------------------- footer----------------------*/
#footer .head {
    margin-bottom: 25px;
}
#footer .logo {
    margin: 0 10px 10px auto;
    width: 90px;
}
#footer .head h2 {
    width: 566px;
    margin-top: 36px;
}
#footer .left {
    width: 47%;
    float: left;
}
#footer .right {
    float: right;
    width: 47%;
    clear: none;
}
#footer .social {
    border-top: none;
    margin-top: 0px;
    padding-top: 0px;
}

.title h2::before {
    height: 280px;
    width: 70%;
}

}