/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* CUSTOM CSS FOR MSCFE.ORG */

/* default is mobile view - 375px */

/* colors:
    Primary Red: #B34238
    Primary Blue Green: #238185
    Gray: #434343
    Secondary Blue Green:  #1C666A
*/
/* page transitions */

@-webkit-keyframes fadeIn { from { opacity:0.25; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0.25; } to { opacity:1; } }

.fade-in {
    opacity:0;  /* make things invisible upon start */
    position: relative;
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    animation-fill-mode:forwards;

    -webkit-animation-duration:1.2s;
    animation-duration:1.2s;
}
/* end page transitions
<< begin link transtions */
a:hover{
    -webkit-transition: opacity .5s ease-out; /* Safari */
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    opacity: .8;
}
button:hover{
    -webkit-transition: opacity .5s ease-out; /* Safari */
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    opacity: .8;
}
.cs-bod ul li, .cs-bod ol li {
    text-align:left;
}
.top-box:hover{
    opacity: 1;
}
.blockhead:hover{
    -webkit-transition: opacity .5s ease-out; /* Safari */
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    opacity: .8;
}
.left {
    float:left;
}
a { 
    text-decoration:none;
    color: #434343;
}
a.active {
	color:#238185;
}
/* end link transitions
<< begin color CSS */
    /* colors */
.bg-red{
    background-color: #B34238;
    color: white;
}

.bg-blue1{ 
    background-color: #238185;
    color: white;
}

.text-blue1{ 
    color: #238185;
}

.text-blue2{ 
    color: #1C666A;;
}

.text-red{
    color: #B34238;
}
.text-white{
    color: white;
}

.bg-blue2{
    background-color: #1C666A;
    color: white;
}

.bg-gray{
    background-color:#434343;
    color: white;
}

/* news and events filter animation */

/*.blink {
    -webkit-animation: blinkFadeIn 1.5s ease-in;
            animation: blinkFadeIn 1.5s ease-in;
}*/

@-webkit-keyframes blinkFadeIn {
    
    25% {background: rgba(35, 129, 133, 0.13);}
    100% {background:#ffffff;}
}

@keyframes blinkFadeIn {
    
    25% {background: rgba(35, 129, 133, 0.13);}
    100% {background:#ffffff;}
}

/* GENERAL styles */
* {
	/*font-family: 'Roboto', sans-serif;*/
	font-family: 'myriad-pro', sans-serif;
	font-weight: 400;
	text-align: center;
	margin-left: auto;
	margin-right:auto;
}

body {
	background-color: #fff;
    font-family: 'myriad-pro', sans-serif;
    font-size: 16px;
    color: #333333;
}
/* .center {text-align:center;}
.medbold {font-weight:500;} */
/* .bold {font-weight:700;}
.red {color:#B34238;}
.white {color: #ffffff;} */
/*a { text-decoration:none;color: #333333}*/


.covid19 {
    border: 1px solid #9ddce1;
    background: #c8eff2;
    color: #000;
    padding: .8rem 2rem;
    max-width: 60%;
    margin-top: 4rem;
    font-size: 138%;
}

.container{
    margin: 50px auto 0 auto;
    min-width: 320px;
}
.column{
    margin: auto;
    max-width: 1500px;
    /* min-width: 320px; */
}
.column-fullwidth{
    max-width: 100%;
}

/* >> COOKIE CSS */

.return-cookie {
	background: rgba(67, 67, 67, 0.9);
	display: block;
	position: fixed;
	left: 0;
	bottom: 0px;
	padding: 20px;
	width: 40%;
	z-index: 100;
	color:#ffffff;
	height: auto;
}

.privacy-cookie {
	background: rgba(67, 67, 67, 0.9);
	display: block;
	position: fixed;
	right: 0;
	bottom: 0px;
	padding: 10px 20px;
	width: 40%;
	z-index: 100;
	color:#ffffff;
	height: auto;
}

.privacy-cookie a {
	font-weight:600;
	color: #ffffff;
}
#yesBtn button, #cancelBtn button, #privacyBtn {
    color:#434343;
    background-color: #fff;
	border-radius: 3px;
	margin: .5rem auto;
}
.hide {
	display:none;
}
.show {
	display:block;
}
/* @-ms-viewport{
    width: device-width;
} */
/* NAV Styles */

#hamburger{
    display:block;
	background:none;
	position:absolute;
	top:0;
	right:0;
	/* line-height:45px; */
    /* padding:5px 15px 0px 15px; */
    padding: 5px 10px;
	color:#999;
	border:0;
    font-size:1.4em;
    /* margin-top: .3rem; */
	font-weight:bold;
	cursor:pointer;
	outline:none;
    z-index:10000000000000;
    margin-top: 2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: -webkit-transform .5s ease-in;
    transition: -webkit-transform .5s ease-in;
    -o-transition: transform .5s ease-in;
    transition: transform .5s ease-in;
    transition: transform .5s ease-in, -webkit-transform .5s ease-in;
}
.navbar {
    position:fixed;
    top:0;
    height:75px;
    width:100%;
    z-index: 5;
    margin: 0rem auto;
    background: #fff;
}
.nav-img {
    max-width: 500px;
    width: 40%;
    float:left;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: .2rem;
}
.nav-img img{
    width: 100%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
#nav-img-large{
    display: none;
}
#nav-img-small{
    display: inherit;
}

.fixed-header {
    height: auto;
    background:#fff;
    -webkit-transition: opacity .5s ease-in; /* Safari */
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
    opacity: .95;
}

.menu{
	z-index:1000000; 
	/*font-weight:bold; 
	font-size:0.8em; */
	background: #fff;
	opacity: .95;  
	text-align:center;
	margin: 0rem auto;
	position: absolute;
	width: 100%;
	/*font-size:12px;*/
	display:none;
}
.menuUL {
	margin: 0rem auto; 
	padding: 0; 
	list-style-type: none; 
    list-style-image: none;
}
.mainNavLI {
	display: block;   
    padding: .5rem 0;
    margin: 1rem 0.4rem .5rem auto;
    font-size: 1.3rem;
    
}
.menuUL li a:hover{
    margin-bottom: 5px;
    border-bottom: 1px solid #000000;
  /*font-weight: bold;
  letter-spacing: .4;*/
}
.subMenu li a:hover {
    border:none;
}
.mainNavLI a { 
	/*text-decoration:none;  */
    margin: 0px;
    padding-bottom: 8px;
}
.navMore {
    display:none;
    margin-left: -2%;
}
.mobMenu {
    display:block;
}
nav .social {
    text-align: right;
    /* margin-top: 2rem; */
    background: #b34238;
    padding: 0.2rem;
    max-width: 128px;
    float: right;
    transform: scale(.75);
    display: flex;
    justify-content: space-between;
}
nav .social p {
    padding:0;
    margin:0;
}
nav .social a {
    margin: 0 .3rem;
}
nav .social a:hover {
    cursor: pointer;
}
.newsHolder, .newsSearchHolder {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    width:90%;
}
.newsletters {
    background:rgba(35, 129, 133, 0.13);
    position:relative;
    /* border-left:4px solid #238185; */
}
.newsletters:before {    
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: -13px;
    bottom: 0;
    border-left: 7px solid #238185;  
}

.featuredNews {
    width: 90%;
    margin-bottom: 50px;
    padding: 0 10px 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.featuredNews  > *{
    text-align:left;
}
.featuredNews h2{
    font-size: 150%;
    border-bottom: 1px solid #B34238;
    padding:0;
    margin:0;
}

.featuredNews.newsletters h2 {
    font-size: 150%;
    border-bottom: 3px solid #B34238;
    padding: 0;
    margin: 0;
}

.featuredNews p {
    /* font-size: 85%; */
    font-size: 1.35rem;
    margin-left:0;
    text-align:left;
}
.featuredNews .date {
    margin:0;
}
/*.featuredNews p:nth-child(4) {*/
.featuredNews p:nth-last-of-type(1) {
       
    /* -webkit-box-flex:1;
    -ms-flex-positive:1;
        flex-grow:1;
    -webkit-box-flex:1;
    -ms-flex:1; */
        flex:1
}

.featuredNews .newsBtn {
    padding: 10px 20px;
    border:1px solid #B34238;
    border-radius:5px;
    background:#ffffff;
    /* font-size: 85%; */
    font-size: 1rem;
    margin: 0;
    width: 130px;
}

#archive {
    text-align:left;
    cursor:pointer;
    display:block;
}
#recent {
    text-align:left;
    cursor:pointer;
    display:none;
}
.newsSearch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width:90%;
    margin: 2rem auto;
    -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;

}
.newsSearch div {
    margin: 0;
    padding: .5rem;
}

.newsSearch div:nth-child(1) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    text-align:left;
}
/* .newsSearch div:nth-child(2) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
} */
.newsSearch svg {
    width: 20px;
    vertical-align: bottom;
}


.newsSearch span {
    font-size:120%;
    padding:0 .8rem;
    cursor: pointer;
}

.newsSearch input {
    padding: .2rem 1rem;
    margin-right:.5rem;
    border:1px solid #238185;
    width: 195px;
}
#output {
    text-align:left;
    max-width:90%;
    margin-bottom: 2rem;
    padding: 0 2.2rem;
}
#output h2, #output p {
    text-align:left;
}
.searchBtn {
    cursor:pointer;
}
.researchNetwork {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    max-width:90%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.researchNetwork div > * {
    text-align:left;
}
.researchNetwork div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    border: 1px solid #B34238;
    border-radius: 5px;
    background: #23818508;
    margin: 0 0 2rem 0;
    padding: 2rem;
}
.researchNetwork p {
    font-size: inherit;
}
.researchNetwork h3 {
    color: #238185;
    margin-top: 0;
}
.researchNetwork h3:nth-child(1) {
    
    padding-bottom: 1rem;
    border-bottom: 1px solid #B34238;
}
.researchNetwork input {
    padding: .3rem 1rem;
    margin-right:.5rem;
    width:100%;
    text-align:left;
    
}
.researchNetwork button {
    padding: 10px 50px;
    border:1px solid #B34238;
    border-radius:5px;
    background:#ffffff;
    /* font-size: 85%; */
    font-size: 1rem;
    float:left;
    margin-top:.5rem;
}

.resourcesBlock, .newsletterBlock {
    width:100%;
}
.resourcesBlock i, .newsletterBlock i {
    margin-top: 1.5rem;
    float:left;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.resourcesBlock p, .newsletterBlock p {
    font-size:1.35rem;
}
.resourcesBlock h2, .newsletterBlock h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.resourcesTiles, .newsletterTiles {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    max-width:90%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.newsletterTiles {
    max-width: 800px !important;  /* only until we have two columns */
}
.newsletterTiles .nih-logo, .newsletterTiles .mecfs-logo  {
    width: 100%;
    border: none;
}
.newsletterTiles .summary {
    height: 400px;
    border-radius: 10px;
    min-height: 400px;
}
.newsletterTiles .summary hr {
    border: none;
    width: 94%;
    background: #238185;
    height: 1px;
}
.nih-logo img {
    width: 22%;
}
.mecfs-logo img {
    width: 54%;
}
.resourcesTiles div, .newsletterTiles div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border:1px solid #B34238;
}

.resourcesTiles div p, .newsletterTiles div p {
    -webkit-box-flex:1;
    -ms-flex-positive:1;
        flex-grow:1;
        font-size: 1.35rem;
}
.newsletterTiles div p {
    text-align: left;
    padding: 0 1rem;
    margin-top: 0.5rem;
}
.resourcesTiles div h3 {
    font-size: 1.5rem;
}
.newsletterTiles .summary h3 {
    text-align: left;
    margin: 0;
    padding: 1rem;
    color:#238185;
    font-weight: 500;
    font-size: 1.5rem;
} 
.newsletterTiles .summary h4 {
    text-align: left;
    margin: 0;
    padding: 1rem;
    font-size:1rem;
    color: #238185;
} 
.newsletterTiles .summary a {
    text-align: left;
    margin: 0;
}
.resourcesTiles button, .toolBlock button, .newsletterTiles button {
    padding: 10px 50px;
    border-radius:5px;
    background:#B34238;
    color: #ffffff;
    /* font-size: 85%; */
    font-size: inherit;
    margin-top:.5rem;
}

.publicationsBlock {
    width:100%;
}
.publicationsBlock i {
    margin-top: 1.5rem;
    float:left;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.publicationsBlock p {
    font-size:1.35rem;
}
.publicationsBlock h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.publicationsTiles {
    max-width:90%;
    margin-bottom: 3rem;
}

.publicationsTiles p {
    text-align: left;
    margin: 1rem 0;
    font-size: 1.35rem;
}

.pubH3 {
	text-align: left;
    font-weight: 600;
    max-width: 60%;
}
.nobottom  {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.faqBlock {
    cursor: pointer; 
    padding-bottom: 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    
}
.faq:last-child {
    margin-bottom: 2rem;
}
.faqBlock i {
    margin: 0rem 2rem 2rem 2rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
}

.faqBlock p {
    text-align:left;
    margin-bottom: 0;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
}

.faq ul {
    /* font-size: 85%; */
    font-size: 1.35rem;
    /* margin: .5rem 0 .5rem 5.8rem; */
    margin: .5rem 0 .5rem 1.5rem;
}

.faq ul li {
    text-align: left;
}
/* FOOTER STYLES */

.footy-outer{
    padding: 1rem;
    margin: 0rem auto;
}
.footy{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    max-width: 1500px;
}
.footy-nav{
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
    margin-top: 2rem;
    margin-left:1rem;
}
.footy-nav-single{
    text-align: left;
    font-size: 1.5rem;
    display: block;
    font-weight: 300;
    line-height: 3rem;
}
.footy-about{
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 2rem 1rem;
    text-align: left;
}
.foot-ab-bod{
    text-align: left;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.5rem;
}
.foot-ab-head{
    text-align: left;
    font-weight: 550;
    font-size: 1.5rem;
}
.foot-res-row{
    margin: 1rem auto;
}
.foot-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}


.foot-row a {
    width: 100%;
    text-align: left;
  }
.footy .social {
    text-align: left;
    margin-top: 2rem;
  }
.footy .social p {
    display:inline-block;
    margin:0 .5rem;
}

.text-res{
    text-align: left;
    font-size: 1rem;
    margin-bottom: 1.5rem;
    margin-left: 1rem;
    font-weight: 300;
    line-height: 1.5rem;
}
.res-img-foot{
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    max-width: 100px;
    margin-left: 1rem;
}
.res-img-foot img{
    max-width: 100px;
}

/* HOME PAGE Styles */
.top-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    max-width: 1500px;
    min-width: 320px;
    margin: 0 auto;
}
.top-box{
    margin: 0 auto;
    height: 11rem;
    width: 50%;
}
.top-img{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width:100%;
    height: auto;
}
.top-img-box{
    width: 100%;
}

.top-box div{
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
#intro {
    padding:0;
}
.block-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    z-index: 4;
}
.blockhead{
    color: white;
    text-align: left;
    font-size: 1.8rem;
    margin: 2rem;
    
}
.you{
    margin: 0 2rem;
}
.you-head{
    font-size: 2rem;
    line-height: 2.4rem;
}
.you-bod{
    margin: 1rem auto 3rem auto;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.5;
}
.net-banner{
    margin: 0 auto;
    border: 1px solid transparent;
    border-radius: 1px;
    padding: 1.2rem .5rem;
    max-width: 100%;
}
.net-head{
    font-size: 2.7rem;
    padding: 0;
    margin: 0;
}
.net-bod{
    margin: 2rem auto 1rem auto;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.5;
}
.email-butt{
    padding: 1rem 2.5rem;
    border: 1px solid transparent;
    border-radius: 5px;
    margin: 1rem auto 2.5rem auto;
    min-width:250px;
    font-size: 1.2rem;
    font-weight: 550;
    letter-spacing: .04rem;
}
.research-flexer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    max-width: 90%;
    margin-top: 0rem;
}
.bottom-image{
    margin: 0rem auto;
    max-width: 80%;
}
.more-research{
    padding: 1rem;
    border: 1px solid transparent;
    border-radius: 5px;
    margin: 1rem auto 2rem auto;
    min-width: 250px;
    font-size: 1.2rem;
    font-weight: 550;
    letter-spacing: .04rem;

}
#main-columbia{
    max-width: 100%;
}
#main-cornell{
    max-width: 100%;
}
#main-jackson{
    max-width: 100%;
}
#main-nih{
    max-width: 100%;
}
#main-icancme{
    max-width: 70%;
}
#main-rti{
    max-width: 100%;
}
.collab-back{
    padding: 1.5rem;
    background-image: url(../img/home/collaboration-puzzle.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0; 
}
#collaborate{
    opacity: .8;
    background-color: white;
    color: black;
    padding: 1.5rem;
    margin: 1rem auto;
}
.collab-head{
    font-size: 2rem;
    line-height: 2.4rem;
}
.collab-bod{
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.5;
    opacity: 1;
}

.funding-back{
    padding: 1.5rem;
    /* background: #dce2ea; */
    
}
#funding{
    opacity: .8;
    background:#ffffff;
    color:#238185;
    padding: .2rem 0;
}
.funding-head{
    font-size: 1.3rem;
    line-height: auto;
    padding-left: 10px; 
    padding-right: 10px;
    color: #434343;
    font-weight: 600;
}
.funding-bod{
    font-size: 0.8rem;
    font-weight: 300;
    line-height:23px;
    opacity: 1;
    padding-left: 10px; 
    padding-right: 10px;
}
.fight{
    color: black;
    margin: 1.5rem auto;
}
.fight-head{
    font-size: 2rem;
    line-height: 2.4rem;
}
.fight-bod{
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.5;
}
.fight-inner{
    max-width: 80%;
}
.email-bottom{
    padding: 2.5rem 1rem 3.5rem 1rem;
    max-width: 80%;
}
.email-outer{
    max-width: 1500px;
}
.email-lab2{
    display: block;
    max-width: 80%;
    margin: 1rem auto .5rem auto;
    text-align: left;
    font-size: 1.35rem;
}
.email-in2{
    max-width: 100%;
    min-width: 85%;
    height: 50px;
    border: 1px solid transparent;
    border-radius: 5px;
}
.email-butt2{
    min-width: 85%;
    max-width: 100%;
    padding: 1rem 0rem;
    border: 1px solid transparent;
    border-radius: 5px;
    margin: 1rem auto;
    font-size: 1rem;
    font-weight: 550;
    letter-spacing: .04rem;
}
/* END OF HOME PAGE CSS /*


/* START OF CRC PAGE */

.fa-chevron-down {
	color:#B34238;
	font-size:30px;
	-webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
	-webkit-transition:-webkit-transform .8s ease-in;
	transition:-webkit-transform .8s ease-in;
	-o-transition:transform .8s ease-in;
	transition:transform .8s ease-in;
	transition:transform .8s ease-in, -webkit-transform .8s ease-in;
	float: left;
	cursor:pointer;
}
.fa-times{
	color:#B34238;
	font-size:40px;
	margin: auto;
	padding: 10px;
	
}
.fa-times:hover{
	color:#434343;
}
.crc-close1, .crc-close2, .crc-close3, .crc-close4, .crc-close5 {
	background-color: transparent;
	border: none;
}
#crc1-col, #crc2-corn, #crc3-jax, #crc4-rti, #crc5-icancme {
	display:none;
}
.read-more{
    background-color: transparent;
    border: transparent;
    font-weight: 550;
    padding:0;
}
.read-less{
    background-color: transparent;
    border: transparent;
    font-weight: 550;
    padding:0;
}
.readMoreOff {
	opacity:0;
}
.readMoreTrans {
	opacity:1;
	-webkit-transition: 1s .2s ease-in;
	-o-transition: 1s .2s ease-in;
	transition: 1s .2s ease-in;
}
.border-on {
	border-color: #434343 !important;
    -webkit-transition: 1s ease-in;
    -o-transition: 1s ease-in;
    transition: 1s ease-in;
}
.crc-close-anim {
	-webkit-transform: scale(.7);
	-ms-transform: scale(.7);
    transform: scale(.7);
}
.crc-top{
    padding: 2rem 1rem;
    margin: 1rem auto;
}
.crc-top-inner{
    max-width: 90%;
}
.page-head{
    font-size: 2.7rem;
    margin: 1rem auto;
}

.page-head-lg{
    font-size: 4rem;
}
.page-head-bod{
    font-size: 1.2rem;
    margin: 1rem auto;
    font-weight: 300;
    line-height: 1.5;
    max-width: 88%;
}
.acc-head{
    border-bottom: 1px solid #fff;  /* leave this at #fff */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row;
    flex-flow:row;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 1rem 2rem;
    cursor:pointer;
}
.acc-head-inner{
    max-width: 100%;
    margin: 0rem auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.projects-head-inner{
    max-width: 100%;
    margin: 0rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: block;
    width: 100%;
}
.projects-head-inner i {
    margin-top: 2rem;
    margin-right: 2.5rem;
}

.faq-head{
    border-bottom: 1px solid #fff;  /* leave this at #fff */
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row;
    flex-flow:row;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 3rem 0 1rem 0;
    border-bottom: 1px solid #A2a2a2;
    width: 100%;
    padding: 0 2rem 2rem 2rem;
    /* padding: 0 6rem 2rem 6rem; */
}
.faqAns {
    display: none; 
    padding-bottom: 1rem;
}
.faqAns p {
    text-align: left !important;
    /* margin: .5rem 0 .5rem 5.8rem; */
    /* font-size: 85%; */
    font-size: 1.35rem;
    margin: .5rem 1rem .5rem 2rem;
}
.crc-chevron{
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 2rem;
    max-width: 10%;
}
.acc-bod{
    text-align: left;
    font-size: 1.2rem;
}
.acc-image{
    max-width:80%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.acc-image img{
    max-width: 100%;
}
.cs-whole{
    max-width: 100%;
    min-width: 320px;
}
.cs-top{
    max-width: 98%;
    margin: 0rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}
.cs-head{
    font-size: 2rem;
    margin: 2rem auto 0rem auto;
    max-width: 90%;
}
.cs-sub-head{
    font-size: 1.8rem;
    margin: 2rem auto 0rem auto;
    max-width: 90%;
    text-align: left;
}
.cs-bod{
    font-size: 1.2rem;
    max-width: 85%;
    margin: .5rem auto 1rem auto;
    font-weight: 300;
    line-height: 1.5;
}
.cs-word-flex, .cs-word-flex-legacy{
    text-align: left;
    max-width: 85%;
    min-width: 300px;
    margin: 1rem auto;
    font-size: 1.2rem;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-weight: 300;
    line-height: 1.5;
}
.cs-word-flex-legacy span {    
    margin: 1rem 0;
    display: block;
    text-align: left;
}
.cs-word-hidden{
    display: none;
    max-width: 100%;
    min-width: 300px;
    text-align: left;
    font-weight: 300;
    line-height: 1.5;
}
.cs-img{
    max-width: 100%;
    min-width: 320px;
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
}
.learn-more-crc{
    display: inline-block;
    margin: 0 auto;
}
.desktop-team{
    display: none;
}
.mobile-team{
    max-width: 100%;
}
.crc-hero-caption{
    font-size: .8rem;
    text-align: center;
    max-width: 100%;
}
.part-head, .part-head-legacy{
    border: 1px solid transparent;
    border-radius: 2px;
    max-width: 100%;
}
.part-head-legacy {
    margin: 4rem 0 0 0;
}
.part-head-inner{
    margin: 1rem auto;
    font-size: 2rem;
}
.flexVids {
    display:flex;
    flex-flow:wrap;
}
.flexVids .part-whole {
    flex: 1 1 30%;
}
.flexVids .part-whole h3 {
    padding: 0 3rem;
}
.part-bod{
    margin: 1rem auto;
    max-width: 75%;
}
.part-text{
    font-size: 1.2rem;
    margin: 1.5rem auto;
    font-weight: 300;
    line-height: 1.5;
}
.part-go{
    border: 1px solid transparent;
    border-radius: 3px;
    min-width: 300px;
    margin: 1rem auto;
}
.part-go-inner{
    font-size: 1.5rem;
    margin: .5rem auto;
}

.tweet-flow{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin: 1rem auto;
    max-width: 100%;
}
.tweet-block{
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    max-width: 50%;
    flex: 1 1 50%;
}

.tweet-text{
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    font-size: 1rem;
} 

.res-person-bod{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    /* max-width: 85%;
    margin: 1rem auto; */
    font-weight: 300;
    line-height: 1.5;
}

.res-person-head{
    text-align: center;
    /* margin: 1rem auto .5rem auto; */
    font-size: 2rem;
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
    line-height: 2.4rem;
    /* max-width: 90%; */
}
.corn-projects{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    /* max-width: 85%;
    margin: 1rem auto; */
    font-weight: 300;
    line-height: 1.5;
}
.corn-projects .projects-head {
    text-align: left;
    margin: 4rem auto 1rem auto;
    max-width: 85%;
    min-width: 200px;
    padding: 0rem 0.2rem;
    width: 100%;
}
.corn-projects .projects-text {
    text-align: left;
    margin: 0.25rem auto;
    max-width: 85%;
    min-width: 200px;
    padding: 0rem 0.2rem;
}
.legacy-person-head {
    font-size: 1.8rem;
    text-align: left;
    font-weight: 600;
}
.legacy-subhead {
    font-size: 1.6rem;
    font-weight: 600;
    text-align: left;
}
.res-person-head-column{
    display: none;
}
.res-person-img-box{
    margin: 1rem auto;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    max-width:90%;
    min-width: 200px;
}
.res-person-img{
    max-width: 100%;
}
.res-person-caption{
    font-size: .8rem;
    display: block;
    text-align: left;
    max-width:100%;
    min-width: 200px;
}
.res-person-word{
    text-align: left;
    font-size: 1.2rem;
    max-width: 85%;
    min-width: 200px;
    margin: 1rem auto;
    padding: 0rem .2rem;
    
}
.close{
    margin: 1.5rem auto;
}
.cs-column{
    border-bottom: 1px solid #434343;
}
/* END OF CRC*/

/* BEGINNING OF CONTACT US */
.contact-banner-outer{
    max-width: 100%;
    border: 1px solid transparent;
    border-radius: 2px;
}
.contact-banner-inner{
    margin: 1rem;
    font-size: 2.7rem;
}
.connect-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    padding: 1rem;
}
.connect-outer{
    max-width: 100%;
}
.connect-head{
    font-size: 2rem;
    margin: 1.5rem auto;
}
/*.connect-image{
    display: none;
}
.connect-image-inner{
    max-width: 100%;
} */
.contact-form{
    margin:  1rem auto;
    padding: 0rem 1rem;
    max-width: 100%;
}
.form-text{
    max-width: 100%;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.5rem;
    margin: 1rem auto;
}
.form-single .contact-submit{
    font-size: 1.5rem;
    padding: .5rem;
    border: 1px solid transparent;
    border-radius: 5px;
    min-width: 200px;
    margin: .7rem auto 1rem auto;
}
.form-single{
    margin: 1rem auto;
    max-width: 100%;
    min-width: 200px;
    
}
.form-single label{
    display: block;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.5rem;
    text-align: left;
    margin: .5rem auto;
    width: 100%;
}
.form-input{
    max-width: 100%;
    line-height: 1.5rem;
    width: 100%;
    font-size: 1.2rem;
    text-align: left;
    margin: 0rem auto;
}

.nameField {
    width:47.5%;
    margin: 5px 0;
}

/* END OF CONTACT US */

/* BEGINNING OF GET INVOLVED*/

/* .involve-top{
    font-size: 2.7rem;
    margin: 2rem auto 1rem auto;
}
.involve-bod{
    font-size: 1.2rem;
    margin: 0rem auto 2rem auto;
    max-width: 90%;
    line-height: 1.5rem;
    font-weight: 300;
} */
.involve-outer{
    padding: 2rem;
}
.top-img-connect{
    max-width: 100%;
    margin: 0rem auto;
    padding: 0rem;
}
.involve-img{
    max-width: 90%;
}
.top-img-front{
    max-width: 100%;
    position: absolute bottom;
    padding: .75rem;
    /* opacity: .8;*/
    background-color: #434343;
}
.top-img-text{
    margin: 0rem auto;
    opacity: 1;
    font-size: 2rem;
    max-width: 100%;
} 
.card-flexer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin: 0rem auto;
    max-width: 90%;
}
.card{
    margin: 0;
    padding: 1rem;
    min-width: 50%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.hr{
    width: 50%;
    margin: 0rem auto;
    color: #434343;
}
.card-head{
    margin: 0rem auto;
}
.card-head-inner{
    font-size: 2rem;
    max-width: 100%;
    text-align: left;
}
.card-head-inner a:hover{
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color:#238185;
}
.card-bod{
    max-width: 100%;
    margin: 0rem auto 1.5rem auto;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}
.card-bod p {
    margin-top: 1rem;
}
.card-foot{
    width: 100%;
}
.card-text{
    font-size: 1.2rem;
    padding: 0rem 1rem;
    line-height: 1.5rem;
    font-weight: 300;
    max-width: 100%;
    margin: 0 auto 2rem auto;
}
.learn-more{
    display: block;
    padding: 1rem;
    margin: 1rem auto;
    min-width: 40%;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 1.2rem;
    -ms-flex-item-align: end;
        align-self: flex-end;
}
.share{
    display: block;
    padding: 1rem;
    margin: 1rem auto 0rem auto;
    background-color: transparent;
    border: transparent;
    min-width: 40%;
    font-size: 1.2rem;
}
.more-opp{
    margin: 1rem auto 3rem auto;
}
.more-opp-button{
    font-size: 1.5rem;
    background: transparent;
    border: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 50%;
    max-width: 90%;
}
.more-chev{
    margin: 0rem auto;
    text-align: center;
    font-size: 1.2rem;
    position: relative;
    left: -10px;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 500px) {
    /* MAIN Styles */
    .container {
        margin: 75px auto 0 auto;
    }
    /* NAV Styles */

    /* .nav-img{
        width: 35%;
    } */

    #hamburger{
        font-size: 2.2rem;
        /* padding: 0rem 1rem; */
        padding-top: 7px;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
    }
    .navbar{
        height: auto;
    }
    .subMenu {
        display:none;
    }
    nav .social {
        transform: scale(1);
    }

    
    
    .faqBlock i {
        margin: 0 2rem 0 0;
    }
    
    /* Footer Styles */
    .footy-nav{
        margin-left:2rem;
    }

    .footy-about{
        margin: 2rem;
    }
    .foot-ab-bod{
        font-size: 1.3rem;
    }
    .text-res{
        margin-left: 2rem;
        font-size: 1.2rem;
    }
    .res-img-foot{
        margin-left: 2rem;

    }
    /* HOME PAGE STYLES */ 

    /* .top-img-box {
        max-height:347px;
    }
    #photo1 {
        margin-top:-347px;
    } */
    /*#photo1container, #photo0container {
        height:347px;
        max-height:347px;
        }*/

    .you {
        margin-bottom: 3rem;
    }
    .you-head{
        font-size: 2.4rem;
    }
    .you-bod{
        font-size: 1.3rem;
        max-width: 90%;
    }
    .net-head{
        font-size: 2.4rem;
    }
    .net-bod{
        max-width: 70%;
        font-size:1.3rem;
    }
    .email-butt{
        font-size: 1.3rem;
        margin: 1rem auto 4rem auto;
    }
    .more-research{
        font-size: 1.3rem;
        margin: 1rem auto 4rem auto;
    }
    #collaborate{
        padding: 1.5rem 2rem;
        margin: 2rem auto;
    }
    .collab-head{
        font-size: 2.4rem;
    }
    .collab-bod{
        font-size: 1.3rem;
    }
    
    #funding{
        padding: 1.5rem 2rem;
        margin: 0.5rem auto;
    }
    .funding-head{
        /*font-size: 2.4rem;*/
    }
    .funding-bod{
        font-size: 1.1rem;
        width:100%;
        line-height:23px;
    }
    .fight-head{
        font-size:2.4rem;
    }
    .fight-bod{
        font-size: 1.3rem;
    }
    .email-in2{
        max-width: 100%;
    }
    .email-bottom{
        max-width: 75%
    }   
    .email-butt2{
        max-width: 100%;
        font-size: 1.3rem;
    }
    /* END OF MAIN PAGE CSS /*
    /* START OF CRC PAGE */
    .acc-bod{
        font-size: 1.3rem;
    }
    .page-head-bod{
        font-size: 1.3rem;
        max-width: 94%;
    }
    .crc-top-inner{
        max-width: 75%;
        font-size: 1.5rem;
        margin: 1.5rem auto;
    }
    .cs-bod{
        max-width: 100%;
        margin: 1rem auto 2.5rem auto;
    }
    .cs-word-flex, .cs-word-flex-legacy{
        max-width: 80%;
        font-size: 1.3rem;
    }
    .part-bod{
        max-width: 75%;
    }
    .part-text{
        font-size: 1.3rem;
    }
    .res-person-head{
        /* max-width: 85%; */
    }
    .res-person-img-box{
        max-width: 85%;
    }
    .res-person-word{
        max-width: 85%;
        font-size: 1.3rem;
        padding: 0rem .5rem;
    }
    #icanme ol {
        margin: 2rem 0;
    }
    /* END OF CRC*/
    /* BEGINNING OF CONTACT US */
    .form-single{
        max-width: 80%;
    }
    .form-single label{
        font-size: 1.3rem;
    }
    .form-text{
        font-size: 1.3rem;
    }
    /* END OF CONTACT US */
    /* BEGINNING OF GET INVOLVED*/

    /* .involve-bod{
        max-width: 75%;
        font-size: 1.3rem;
    } */
    .involve-img{
        max-width: 60%;
    }
    .top-img-text{
        font-size: 2.4rem;
    }
    .card{
        margin: 1rem auto;
    }
    .card-head{
        min-width: 75%;
    }
    .card-bod{
        max-width: 100%;
    }
    .card-bod p {
        text-align:left;
    }
    .card-text{
        font-size: 1.3rem;
    }
    .learn-more{
        display: inline;
        padding: 1rem;
        margin: 1rem auto;
        min-width: 40%;
        border: 1px solid transparent;
        border-radius: 5px;
        font-size: 1.2rem
    }
    /* .share{
        display: block;
        padding: 1rem;
        margin: 1rem auto 0rem auto;
        background-color: transparent;
        border: transparent;
        min-width: 40%;
        font-size: 1.2rem;
    }
    .more-chev{
        font-size: 1.3rem;
        left: -10px;
    } */
}
/* TABLET MEDIA QUERIES */ 
@media only screen and (min-width : 768px) {
    /* GENERAL STYLES */
    .container{
        margin: 125px auto 0 auto;
    }
    /* NAVIGATION */
    #hamburger{
        /* font-size: 3rem;
        padding: 0 0 0 0; */
        font-size: 2rem;
        padding: 19px 0 0 0;
        right: 10px;
    }
    .menuUL{
        margin: 0;
        display: inline-block;
    }
    .subMenu {
        width:175px;
    }

    #nav-img-large{
        display: inherit;
        max-width: 100%;
    } 
    #nav-img-small{
        display: none;
        max-width: 100%;
    }
    .nav-img{
        width: 30%;
    }
    .faqAns {
        margin: .5rem 1rem .5rem 5.8rem;
    }
    .faq ul {
        margin: .5rem 0 .5rem 1.8rem;
    }
    .newsHolder {
        margin-top: 2rem;
    }
    .newsHolder, .newsSearchHolder {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        max-width:57%;
        -ms-flex-pack:distribute;
            justify-content:space-around;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
    }
    .featuredNews {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 30%;
                flex: 0 0 30%;
        margin-bottom: 50px;
    }
    .featuredNews h2 {
        font-size: 200%;
    }
    .featuredNews.newsletters h2 {
        font-size: 200%;
    }
    .featuredNews .newsBtn   {
        float:left;
    }
    
    .newsSearch {
        max-width: 56%;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
            -ms-flex-direction:row;
                flex-direction:row;
    }
    .newsSearch div {
        padding:0;
    }
    #output {
        max-width:54%;
        padding:0;
    }
    .researchNetwork {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        max-width: 1100px;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
    }

    .researchNetwork div {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 40%;
                flex: 0 1 40%;
    }
    /* .resourcesBlock {
        width:90%;
    } */
    .resourcesBlock i, .newsletterBlock i {
        margin-top: 3rem;
        float:left;
    }
    .resourcesBlock h2 .newsletterBlock h2 {
        font-size: 3rem;
        margin-bottom: 0;
    }
    
    .resourcesTiles, .newsletterTiles {
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
            -ms-flex-direction:row;
                flex-direction:row;
        max-width:90%;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    }
    .newsletterTiles {
        flex-flow: column;
    }
    .resourcesTiles div, .newsletterTiles div {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 33%;
                flex: 0 0 33%;
        margin: 1rem;
        padding: 1rem;
    }
    .publicationsBlock i {
        margin-top: 3rem;
        float:left;
    }
    .publicationsBlock h2 {
        font-size: 3rem;
        margin-bottom: 0;
    }
    
    .publicationsTiles {        
        max-width:60%;        
    }

    .publicationsTiles p {        
        margin: 1rem;
        text-align:left;
    }
    /* FOOTER STYLES */
    .footy{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 2rem auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .footy-nav{
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: 0rem;
        margin-top: 0rem;
        max-width: 33%;
        min-width: 50px;
    }
    .footy-nav-single{
        line-height: 2.2rem;
        margin: 0 auto;
        max-width: 100%;
        font-size: 1.35rem;
    }
    .footy-about{
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin: 0rem auto 1rem auto;
        max-width: 33%;
        min-width: 100px;
    }
    .foot-ab-bod{
        max-width: 100%
    }
    .foot-ab-head{
        text-align: left;
        max-width: 100%;
        font-size: 1.2rem;
        margin-top: 0rem;
    }
    .foot-ab-bod{
        font-size: 1rem;
    }
    .foot-res-rows{
        max-width: 33%;
        margin: 0rem; 
    }
    .foot-row{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        max-width: 100%;
        margin-bottom: 1.5rem;
    }
    .text-res{
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        font-size: .8rem;
        text-align: left;
        line-height: 1.25rem;
        margin: 0rem;
        max-width: 50%;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        color: #e4e4e4;
    }
    .res-img-foot{
        -ms-flex-item-align: start;
            align-self: flex-start; 
        margin: 0rem auto;
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2;
    }

/* MAIN PAGE STYLES */
    .top-box{
        height: 14rem;
        width: 25%;
    }
    /* .top-img {
        width:auto;
    }
    .top-img-box {
        max-height:347px;
    } */
    /* #photo1 {
        margin-top:-347px;
    } */
    /*#photo1container, #photo0container {
        height:347px;
        max-height:347px;
      }*/
    .blockhead{
        margin: 2rem 1.7rem 1.7rem 1.1rem;
        font-size: 2rem;
    }
    .you{
        margin: 5rem auto;
    }
    .you-head{
        margin: 1.5rem auto;

    }
    .you-bod{
        font-size: 1.35rem;
        max-width: 55%;
        margin: 1.5rem auto;
    }
    .net-bod{
        max-width: 50%;
        font-size: 1.35rem;
        margin: 3rem auto;
    }
    .net-banner{
        /* max-width: 80%; */
        margin: 2rem auto;
    }
    .fight-head{
        margin: 3rem auto 2rem auto;
    }
    .fight-bod{
        font-size: 1.35rem;
        max-width: 75%;
        margin: 2.5rem auto;
    }
    .collab-bod{
        font-size: 1.35rem;
        max-width: 60%;
        margin: 2rem auto;
    }
    #collaborate{
        margin: 5rem auto;
        max-width: 73%;
    }
    .collab-head{
        margin: 3rem auto 1rem auto;
    }

    .funding-bod{
        font-size: 1.1rem;
        max-width: 100%;
        margin: 2rem auto;
        line-height:23px;
    }
    #funding{
        margin: 1rem auto;
        max-width: 73%;
    }
    .funding-head{
        /*margin: 3rem auto 1rem auto;*/
    }
    
    .research-flexer{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        max-width: 90%;
    }
    .bottom-image{
        margin: 0rem auto;
        max-width: 30%;
    }
    .more-research{
        margin: 2rem auto 2.5rem auto;
        font-size: 1.35rem;
    }
    /* END OF MAIN PAGE CSS /*
    /* START OF CRC PAGE */
    .crc-top{
        padding: 1.5rem 1rem 2.5rem 1rem;
    }
    .cs-img{
        max-width: 100%;
    }
    .mobile-team{
        width: 100%;
    }
    .crc-hero-caption{
        float: none;
        font-size: 1rem;
        display: block;
        width: 100%;
    }
    .cs-top{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        max-width: 90%;
    }
    .cs-head{
        display: inline-block;
        -ms-flex-item-align: start;
        align-self: flex-start;
        /* position: -webkit-sticky;
        position: sticky; */
        height: 100%;
        top: 100px;
        margin-bottom: 2.5rem;
        z-index: -1;
        max-width: 33%;
        text-align: right;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .cs-head.legacy {
        flex-basis: 374px;
        font-weight:500;
    }
    .cs-head.legacy.upper {
        text-transform: uppercase;
    }
    .cs-word-flex p {
        text-align:left !important;
    }
    .cs-word-flex-legacy p {
        text-align:left !important;
    }
    .page-head{
        font-size: 4rem;
    }
    .page-head-lg{
        font-size: 6rem;
    }
    .page-head-bod{
        font-size: 1.35rem;
    }

    .cs-bod{
        max-width: 60%;
        display: inline-block;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .cs-word-flex, .cs-word-flex-legacy{
        font-size: 1.35rem;
    }
    .cs-img{
        margin: 1rem auto;
        padding: 0;
        width: 100%;
    }
    .part-head{
        max-width: 80%;
    }
    .part-head-legacy{
        max-width: 100%;
    }
    .part-bod{
        max-width: 50%;
        
    }
    .part-text{
        font-size: 1.35rem;
    }
    .part-go{
        max-width: 50%;
        min-width: 400px;
        font-size: 1.35rem;
    }
    .tweet-flow{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .tweet-text{
        font-size: 1.35rem;
    }
    .read-more{
        margin-bottom: 2rem;
    }
    .res-person-bod{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        /* max-width: 90%; */
        -ms-flex-line-pack: center;
        align-content: center;
        margin: 0rem auto 1.5rem auto;
        font-size: 1.35rem;
    }
    .res-person-bod.nbm {
        margin-bottom:0;
    }
    .res-person-head{
        display: none;
    }
    .res-person-head-column{
        display: block;
        text-align: left;
        /* margin: 0rem auto 1rem auto; */
        font-size: 2rem;
    }
    .res-person-word{
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        max-width: 60%;
        margin: 0rem auto;
        padding: 1rem;
        font-size: 1.35rem;
        margin: 0rem auto 1rem auto;
    }
    .res-person-img-box{
        max-width: 33%;
        min-width: 150px;
        margin: 2rem auto;
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
        position: -webkit-sticky;
        position: sticky;
        height: 100%;
        top: 120px;
        z-index: -1;
    }
    .res-person-img{
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .res-person-caption{
        font-size: 1rem;
    }
    /* END OF CRC*/
    /* BEGINNING OF CONTACT US */
    .contact-banner-inner{
        font-size: 4rem;
        margin: 2.5rem auto;
    }
    .contact-form{
        max-width:50%;
    }
    /* .connect-image{
        max-width: 80%;
    }
    .connect-image{
        display: inline-block;
    } */
    
    /* END OF CONTACT US */
    /* BEGINNING OF GET INVOLVED*/
    .top-img-connect{
        max-width: 80%;
    }
    .top-img-front{
        padding: .9rem;
    }
    .involve-top{
        font-size: 4rem;
        margin: 1.2rem auto 1.5rem auto;
    }
    .involve-img{
        max-width: 48%;
    }
    .involve-bod{
        max-width: 60%;
        font-size: 1.35rem;
        line-height: 2rem;
    }
    .card-flexer{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .card{
        min-width: 25%;
        max-width: 90%;
        border: 1px solid #000;
        border-radius: 10px;
        padding: 2rem 1rem;
    }
    .card-bod{
        margin: 0 1rem;
    }
    .card-head{
        /* margin: 0rem auto 2rem auto */
        margin: 0 2rem 1rem 2rem;
    }
    .card-text{
        font-size: 1.35rem;
    }
    .hr{
        margin-top: 4rem;
        max-width: 40%;
    }
    .learn-more{
        margin-top: 2rem;
    }
}
@media only scren and (min-width : 1300px){
    
    .navMore:hover {
        margin-left: 3%;
    }
}
@media only screen and (min-width : 1024px){
    /* GENERAL STYLES */

    body{
        margin: 0 auto;
    }
    #hamburger {
        display:none;
    }
        
    .navMore {
        display:block;
    }
    .navMore {
        padding-left: 0;
        margin-left: 20px;
        width: 143px;
    }

    .mobMenu {
        display:none;
    }

    .navMore:hover .subMenu {
        display: block;
        cursor: pointer;
    } 

    .navMore:hover {
        -webkit-transition: opacity .5s ease-out; /* Safari */
        -o-transition: opacity .5s ease-out;
        transition: opacity .5s ease-out;
        /* margin-left: 0; */
    }

    .container{
        margin: 150px auto 0 auto;
    }
    .column-margin{
        margin: 7rem auto;
    }
    
    /* NAVIGATION */ 

    .fixed-header{
        height: 85px;
    }
    .nav-img{
        margin: auto;
        margin-top: .3rem;
        max-width: 300px;
        width: 27%;
    }
    .menu {
        max-width: 75%;
        background: none;
        right: 0;
        display:block;
        margin: 1rem auto;
    }
    .menuUL {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* justify-items: center; */
        justify-content: space-around;
        margin: 0 3% 0 2%;
        max-width: 1200px;
    }

    .mainNavLI {
        font-size: 1.4rem;
        border:none;
    }

    
.subMenu {
    padding: .5rem 0 .5rem 0;
    margin-left: 0;
    width: 225px;
    /* display: none; */
    background: #ffffff;
}

.subMenu li {
    display: block;
    line-height: 1.8rem;
    background: #FFFFFF;
    margin: 1rem 0 1rem 2.5rem;
    text-align: left;
    white-space: nowrap;
    /* padding: 1rem 0 1.5rem; */
    font-size: 1.4rem;
    white-space: inherit;
}

.subMenuLI a:hover {    
    -webkit-transition: opacity .5s ease-out; /* Safari */
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    opacity: .8;
    margin-bottom: 5px;
    border-bottom: 1px solid #000000;
}
.subMenu li a {
    padding: 1rem 0;
}

.resourcesBlock, .newsletterBlock {
    width:75%;
}
.publicationsBlock {
    width:75%;
}

    /* MAIN PAGE */
    .top-box{
        width:50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        height: 50%;
    }
    .top-wrap{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
    .block-box{
        margin: 0 auto;
        width: 42%;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }
    .blockhead{
        font-size: 2.2rem;
        letter-spacing: .2pt;
        margin: 0rem auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .top-box div{
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        max-width: 90%;
    }
    .top-img{
        height: 100%;
    }
    .top-img-box{
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 58%;
    }
    /*#photo1container, #photo0container {
        height:444px;
        max-height:444px;
      }*/
    /* #photo1 {
        margin-top:-444px;
    } */
    .you-bod{
        max-width: 60%;
    }
    .net-bod{
        max-width: 60%;
    }
    .fight-bod{
        max-width: 60%;
    }
    .collab-bod{
        max-width: 70%;
    }
    .funding-bod{
        max-width: 70%;
        line-height:23px;
    }
    .research-flexer{
        max-width: 90%;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .more-research{
        min-width: 100px;
        max-width: 50%;
        margin: 2rem auto 5rem auto;
    }
    .email-butt{
        max-width: 40%;
        min-width: 100px;
        margin: 0rem auto 5rem auto;
    }

    .email-lab2{
        font-size: 1.5rem;
        margin: .5rem auto;
        max-width: 10%;
        display: inline-block;
    }
    .email-in2{
        margin: 0 1rem;
        max-width: 40%;
        display: inline-block;
        min-width: 30%;
        color: #434343;
    }
    .email-butt2{
        max-width: 40%;
        min-width: 30%;
        display: inline-block;
    }
    /* END OF MAIN PAGE CSS /*
    /* START OF CRC PAGE */
    .page-head-bod{
        max-width: 60%;
    }
    .cs-head{
        max-width: 33%;
    }
    .cs-bod{
        max-width: 60%;
    }
    .cs-word-flex,.cs-word-flex-legacy{
        max-width: 100%;
    }
    .cs-top{
        max-width: 90%;
    }
    .res-person-bod{
        /* max-width: 75%; */
    }
    /* END OF CRC*/
    /* BEGINNING OF CONTACT US */

    
    /* END OF CONTACT US */
    /* BEGINNING OF GET INVOLVED*/

    .top-img-connect{
        max-width: 80%;
    }

    .card{
        max-width: 48%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: inherit;
        
    }
    .hr{
        display: none;
    }
    .card-head-inner{
        margin: 0;
    }
    .card-head{
        max-width: 100%;
        margin: 0 2rem 1rem 2rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;        
    }
    .card-bod{
        margin: 0 2rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        /* -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center; */
        text-align:left;

    }
    .card-text{
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        padding: 0;
        margin: auto;
    }
    .card-flexer{
        max-width: 90%;
        margin: 5rem auto;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: center;
        align-content: center;
    }
}
#overlays div{
    width: 269px;
    /* max-width:200px; */
    background:transparent;
    border:none;
    position:relative;
    display:none;
}
#overlays h3 {
    font-size: 30px;
    font-weight: 700;
}
#overlays p {
    font-size: 24px;
    line-height: 0;
}
#overlays div.columbia {
    top: 968px;
    left: 268px;
}
#overlays div.cornell {
    top: 784px;
    left: 184px;
}
#overlays div.rti {
    top: 621px;
    left: 174px;
}
#overlays div.icanmce {
    top: 374px;
    left: 141px;
}
#Cornell .st40:hover .cornell {
    display:block;
    cursor:pointer;
}

/* end desktop styles */