/*******  GLOBAL  *******/


* {
    -webkit-font-smoothing: antialiased;
    outline: none;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Styrene Reg';
    src: url('fonts/StyreneB-Regular.woff2') format('woff2'),
        url('fonts/StyreneB-Regular.woff') format('woff'),
        url('fonts/StyreneB-Regular.svg#StyreneB-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Styrene Bold';
    src: url('fonts/StyreneB-Bold.woff2') format('woff2'),
        url('fonts/StyreneB-Bold.woff') format('woff'),
        url('fonts/StyreneB-Bold.svg#StyreneB-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Simula';
    src: url('fonts/Simula-Book.woff2') format('woff2'),
        url('fonts/Simula-Book.woff') format('woff'),
        url('fonts/Simula-Book.svg#Simula-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    font-size: 14px;
}

html, body {
    width:100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    font-family: 'Styrene Reg', sans-serif;
     overscroll-behavior-y: none;
}

body {
    background: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;	
    background-size: cover;
    overflow: auto;
}

#loading {
    background-size: 34px;  
    background: #000 url('../img/loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;	
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.container {
    width: 70%;
    max-width: 1100px;
    display: block;
    margin: 0 auto;
    position: relative;
}

#artists .container.fullwidth {
    width: 100%;
    padding-top: 0px;
}

#artists .container.nobottompadding {
    margin-bottom: 0px;
}

#artists.past .container {
    width: 100%;
}

#artists.past #content .col {
    padding: 5% 2% 0% 2%;
}

.header {
    width: 100%;
    display: block;
    margin: 0px;
    height: 40vh;
    position: relative;
}

h1, h2, h3, h4 {
    font-family: Simula, serif;
    font-weight: normal;
    display: block;
    margin: 20px auto 20px 0px;
    font-weight: normal;
}

#artists #row.programslist h4 {
    margin-top: 0px;
}

#artists h4.extrabottompadding {
    padding-bottom: 20px;
}



h1 {
    font-size: 3rem;
    line-height: 3rem;
    text-align: center;
    margin: 20px auto;
    font-family: "Styrene Bold";
    text-transform: uppercase;
}

h2 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-family: 'Styrene Bold', serif;
    text-transform: uppercase;
}


h3 {
    font-size: 2rem;
    line-height: 2rem;
    color: #00aada;
    text-align: center;
    display: block;
    margin: 0px auto 30px auto; 
}

#about h3.white {
    color: #fff;
}

h4 {
    font-family: "Styrene Bold";
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 2rem;
    color: #000;
    text-align: center;
    display: block;
}

.signup h3 {
    color: #fff;    
}

#artists h4.black {
    color: #000;
}

h5 {
    font-family: "Styrene Bold";
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #000;
    text-align: center;
    display: block;
    max-width: 100px;
    margin: 0 auto;
    margin-block-start: auto;
    margin-block-end: auto;
    margin-inline-start: auto;
    margin-inline-end: auto;
}

h6 {
    font-family: "Simula";
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #000;
    text-align: left;
    display: block;
    margin: 0 auto 30px auto;
    font-weight: normal;
}

h7 {
    font-family: "Styrene Reg", sans-serif;
    font-size: 1.3rem;
    line-height: 1.7rem;
    color: #000;
    text-align: left;
    display: block;
    margin: 0 auto 30px auto;
    font-weight: normal;
}

h7.nobottompadding {
    margin-bottom: 0px;
    text-align: center;
}

.teal, h1.teal, h2.teal, h3.teal, h4.teal, h5.teal, h6.teal {
    color: #00aada;   
}

p {
    font-family: Simula, serif;
    font-size: 1.1rem;
    line-height: 1.8rem;
    margin: 25px 0px;
}

#home p {
    font-size: 1.4rem;
    line-height: 2.2rem;
}

#home p.bold {
    font-size: 1.3rem;
}

a {
    text-decoration: none;
}

.bold {
    font-family: "Styrene Bold";
    font-weight: normal;
}

.darkteal {
    color: #1574aa;
}

.lightteal {
    color: #00aada;
}

ul, li {
    font-family: "Styrene Bold";
    font-weight: normal;
}

#artists.past ul, #artists.past li {
    font-family: Simula, serif;
}

#artists.past li {
    margin: 5px 0px;
    font-size: 1.2rem;
}

#artists.past li.bold {
    font-weight: bold;
}

#mobile, #fancy-carousel.mobile {
    display: none;
}

.buttons {
    display: block;
    margin: 40px 0px 0px 0px;
}

.button {
    border: 2px solid #fff;
    text-transform: uppercase;
    padding: 10px 50px;
    color: #fff;
    transition: 0.4s;
    display: inline-block;
    margin: 0px;
    text-align: center;
    font-family: "Styrene Bold", sans-serif;
}

.button:hover {
    background: #000;
    color: #00aada;
}

.buttons .button {
    display: inline;
    margin-right: 15px;
}

#home .buttons .button {
    display: block;
    margin-bottom: 15px;
    max-width: 400px;
}

#home .buttons {
    margin-top: 30px;
}

.bigbutton {
    border: 2px solid #00aada;
    text-transform: uppercase;
    padding: 12px 60px;
    color: #00aada;
    transition: 0.4s;
    display: table;
    margin: 0 auto;
    font-family: "Styrene Bold", sans-serif;
}

#artists.fourth-river .bigbutton {
    background: black;
}

#artists.fourth-river .bigbutton:hover {
    background: #00aada;
    color: white;
}

#white .bigbutton.leftalign {
    margin: 0px auto 10px 0px;
}

.bigbutton:hover {
    background: #000;
    color: #00aada;
}

#row {
    display: flex;
    width: 100%;
}

#row.narrow {
    width: 70%;
    max-width: 600px;
    margin: 0 auto;
}

#row.narrow2 {
    width: 50%;
    margin: 50px auto 20px auto;
}

#artists.past #row.narrow {
    max-width: 700px;
}

.col {
    flex: 1;
    padding: 5%;
}

#row.pushup {
    margin-top: -5%;
}

#row.pushupmore {
    margin-top: -15%;
}

#row.pushupmargin {
    margin-bottom: -12%;
}

#row.minimalpadding {
    margin-top: -10%;
    margin-bottom: -10%;
}

.space {
    display: block;
    clear: both;
    margin: 20px 0px;
}


#lightbox {
  z-index: 50;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  display: none;
}

.close {
    position: fixed;
    top: 0px;
    right: 0px;
    padding: 13px 20px;
    color: #000;
    background: #fff;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    z-index: 10003;
    display: block;
    font-size: 28px;
    cursor: pointer;
    opacity: 0;
}

#lightbox.signup {
    overflow-y: scroll;
    position: fixed;
    z-index: 10000;
    display: none;
    text-transform: none;
    letter-spacing: 0px;
    -webkit-overflow-scrolling: touch;

}

#signupwrap {
  z-index: 1000;
  position: absolute;
  top: 0px;
  left: 0px;
    width: 400px;
        left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
        top: 50%;
}


.movedown {
    -webkit-animation: movedown 2s ease forwards;
    animation: movedown 2s ease forwards;
}

@-webkit-keyframes movedown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }    
}

@keyframes moveup {
    0% {
        opacity: 1;
        transform: translateY(-100px);
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }    
}

.moveup {
    -webkit-animation: moveup 2s ease forwards;
    animation: moveup 2s ease forwards;
}

@-webkit-keyframes moveup {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
    }    
}

@keyframes moveup {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(-100px);
    }    
}



/*******  MENU  *******/

#menu {
    position: fixed;
    background: #000;
    top: 0px;
    width: 100%;
    font-family: "Styrene Bold", sans-serif;
    font-size: 0.9rem;
    z-index: 10;
    height: 42px;
    line-height: 41px;
    transition: 0.4s;
}

#menu .logo {
    float: left;
}

#menu.after img {
    height: 30px;
    margin: 15px 0px 0px 15px;    
}

#menu .main {
    float: right;
    margin: 0px;
    line-height: 41px;
    vertical-align: middle;
    margin-top: -2px;
}

#menu .main a {
    margin: 0px -2px;
    color: #fff;
    padding: 13px 15px;
    background: #000;
    line-height: 41px;
    vertical-align: middle;
    text-transform: uppercase;
    transition: 0.4s;
}

#menu.before .main {
    line-height: 100.5px;
}

#menu.before .main a {
    line-height: 101px;
    padding: 42px 15px 43px 15px;
}

#menu.before {
    height: 100px;
}

#menu.before img{
    height: 60px;
    margin: 20px 0px 0px 20px;
    transition: 0.5s;
}

#menu.after .main {
    line-height: 41px;
}

#menu.after .main a {
    line-height: 41px;
    padding: 11px 15px 12px 15px;
}

.safari #menu.after .main a {
    line-height: 41px;
    padding: 11px 15px 11px 15px;
}


#menu.after {
    height: 40px;
}

#menu.after img{
    height: 20px;
    margin: 10px 0px 0px 10px;
    transition: 0.5s;
}

#menu .main a:hover {
    background: #fff;
    color: #000;
}

#menu .main a.donate {
    background: #00aada;
    color: #fff;
}


html body [data-ca3_iconfont="ETmodules"]::before {
  font-family: "ETmodules";
}
[data-ca3_icon]::before {
  font-weight: normal;
  content: attr(data-ca3_icon);
}

.ca3-scroll-down-arrow {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
  background-size: contain;
  background-repeat: no-repeat;
}

.ca3-scroll-down-link {
  cursor: pointer;
  height: 40px;
  width: 60px;
  margin: 0px;
  line-height: 60px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 30px;
  color: #fff;
  text-align: center;
  font-size: 70px;
  z-index: 100;
  text-decoration: none;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);

  -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
  -moz-animation: ca3_fade_move_down 2s ease-in-out infinite;
  animation: ca3_fade_move_down 2s ease-in-out infinite;
}

/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0% {
    -webkit-transform: translate(0, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
}
@-moz-keyframes ca3_fade_move_down {
  0% {
    -moz-transform: translate(0, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, 20px);
    opacity: 0;
  }
}
@keyframes ca3_fade_move_down {
  0% {
    transform: translate(0, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 20px);
    opacity: 0;
  }
}






/*******  SECTIONS  *******/

#home, #info, #about, #headlines, #grantees, #faq, #partners, #footer, #artists, #donate, #faq, #industry, #education  {
    display: block;
    position: relative;
    padding: 100px 0px;
}




/*******  HOME  *******/

#home {
    background: url("../img/headermain.jpg");
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    color: #fff;
    padding: 0px;
}

#home .homecontent {
    width: 55%;
    padding: 8% 12% 8% 8%;
    text-align: left;
    background: rgba(0,135,188,0.85);
    -webkit-filter: saturate(130%);
    filter: saturate(130%);
    max-width: 1000px;
    margin-top: 100px;
}

#home h2 {
    text-align: left;
    margin-top: 0px;
}



/*******  INFO  *******/

#info {
    background: #000;
    text-align: right;
    color: #fff;
    padding: 0px;
}

#info .bg {
    width: 50%;
    background: url("../img/artist10.jpg") #fff;
    background-size: cover;
    background-position: center;
    display: block;
    float: left;
}

.cohort {
    position: absolute;
    font-size: 0.8rem;
    color: white;
    padding: 10px;
    z-index: 20;
    font-family: "Styrene Bold", sans-serif;
    text-transform: uppercase;
    opacity: 0.7;
    text-align: right;
}

.cohort.black {
    color: black;
}

.cohort.topleft {
    left: 0px;
    top: 0px;
}

.cohort.topright {
    right: 0px;
    top: 0px;
}

.cohort.bottomleft {
    left: 0px;
    bottom: 0px;
}

#info .cohort.bottomleft {
    text-align: left;
}

.cohort.bottomright {
    bottom: 0px;
    right: 0px;
}

#info .col.left {
}

#info .col.right {
    margin: 2% 4% 2% 8%;
}

#info img {
    float: left;
    display: block;
    width: 25%;
    margin-left: 0px;
}

#info .button:hover {
    background: #00aada;
    color: #000;
}

#info ul, #info li, #info .bullets {
    text-align: right;
    margin: 0px;
    color: #00aada;
}

#info ul, #info .bullets {
    margin: 40px 0px 60px;
    font-family: "Styrene Reg", sans-serif;
}

#info li, #info .bullets span {
    margin: 25px 0px;
    font-size: 1.2rem;
    line-height: 1.7rem;
    list-style: square;
    vertical-align: middle;
    display: block;
    font-family: Simula, sans-serif;
}

#info li::marker {
    text-align: end !important;
    text-align-last: end !important;    
}

#info h2 {
    margin: auto 0px 40px auto;
    font-size: 1.8vw;
    line-height: 2.3vw;
}

#info h2. middle {
    margin-bottom: 10px;
}

#info h2.final {
    margin-bottom: 20px;
}

#info img.bull {
    height: 10px;
    width: auto;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    transform: scale(1.3);
    display: block;
    margin-bottom: 10vh;    
} 

.embed-container video, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#info img.chart {
    width: 100%;
    height: auto;
    margin: 0px auto 50px auto;
}

#info span.bold {
    display: inline;
    line-height: 1.3rem;
    vertical-align: top;
    font-family: "Styrene Bold";
}


/*******  ABOUT  *******/

#about {
    background: url("../img/r2.png") #00aada;
    background-size: 40vh;
    color: #000;
    text-align: left;
    clear: both;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding-bottom: 50px;
}

#about.main {
    background: #00aada;
}

#about p {
    line-height: 2.5rem;
    font-size: 1.5rem;
}

#about h1 {
    color: #fff;
}

h1.narrow {
    max-width: 500px;
}

.content {
    width: 70%;
    max-width: 900px;
    display: block;
    margin: 0px auto;
}

#about .col, #grantinfo .col {
    text-align: left;
}

#about .col span, #grantinfo .col span {
    width: 100%;
    display: block;
    padding: 0px 0px 5px 0px;
    border-bottom: 1px solid #000;
    font-size: 1.6rem;
    line-height: 1.6rem;
}

#about .col span .title, #grantinfo .col span .title {
    font-family: "Styrene Bold", sans-serif;    
    vertical-align: bottom;
    line-height: 2rem;    
}

#about .col span img {
    height: 30px;
    width: auto;
    float: right;
}

#about h2 {
    max-width: 80%;
    margin: auto 0px 40px auto;
    text-align: right;
}

#about .bigbutton {
    border: 2px solid #000;
    color: #000;
}

#about .bigbutton:hover {
    background: #000;
    color: #00aada;
}

#about ul, #about li, #grantinfo ul, #grantinfo li {
    text-align: left;
    margin: 0px;
    color: #000;
    font-family: "Simula";
}

#about ul, #grantinfo ul {
    margin: 20px 0px 0px 0px;
}

.simula li {
    font-family: "Simula" !important;
    font-size: 1.4rem;
    padding: 5px;
}

#about li, #grantinfo li {
    margin: 0px 0px;
    font-size: 1.5rem;
    line-height: 2.3rem;
    list-style: square;
}

#about .support li {
    line-height: 2.5rem;
}

#about .button {
    margin-top: 30px;
    border-color: #000;
    color: #00aada;
    background: #000;
}

#about .button:hover {
    background: #fff;
    border-color: #fff;
}

#content .container img.partnerlogos, img.partnerlogos {
    display: inline-block;
    padding: 0px 30px;
    height: 60px;
    width: auto;
    margin: 30px auto;
}



/*******  HEADLINES  *******/    

#headlines {
    background: #000;
}

#headlines h1 {
    color: #00aada;
    margin-bottom: 50px;
}

#headlines .bigbutton:hover {
    background: #00aada;
    color: #000;
}

#headlines img {
    width: 100%;
    display: block;
        cursor: pointer;
}

#headlines #row {
    width: 100%;
}

#headlines .col {
    padding: 0px;
    margin: 0px;
}




/*******  GRANTEES  *******/    

#grantees {
    background: #fff;
}

#grantees h1, #grantees a {
    color: #00aada;
}

#grantees p {
    text-align: center;
}

#grantees h3 {
    color: #000;
    padding-top: 20px;
    padding-bottom: 10px;
}



/*******  PARTNERS  *******/    

#partners {
    background: #00aada;
}

#partners img {
    width: 100%;
    display: block
}






/*******  ABOUT PAGE  *******/    

#about.main .container {
    padding-top: 100px;
}

#about.main {
    padding-bottom: 0px;
    background: #fff;
}

#about.main .col {
    padding: 5% 5% 0px 5%;
}

#about.main h1.teal {
    color: #00aada;
}

#content {
    color: #000;
    background: #fff;
}

#content .container {
    padding-bottom: 70px;
}

#content .container img {
    width: 100%;
}

#content .container h1 {
    margin-top: 0px;
    padding-top: 30px;
}

#content span.founder {
    font-family: "Styrene Bold";
    font-size: 1.5rem;
    display: block;
    margin: 10px auto 10px 0px;
}

#content span.founder span {
    font-family: "Styrene Reg";
    font-size: 1.3rem;
    display: block;
    margin: 0px auto 10px 0px;
}

#content span.founder a {
    color: #00aada;
    font-size: 1.5rem;
}

#content span.founder a:hover {
    color: #000;
}

#content span.aboutfounder {
    font-family: "Simula", serif;
    font-size: 1.3rem;
    line-height: 2rem;
    display: block;
    margin: 20px auto 10px 0px;
}

#content .col {
    padding: 5% 8% 0% 8%;
}

#content .col.wider {
    padding: 5% 2% 0% 2%
}

#content .col.shorter {
    padding: 1% 2% 0% 1%
}

#content .col.narrower {
    padding: 0% 8% 0% 8%;
}

#content p {
    text-align: center;
    font-size: 1.3rem;
}

#content .bigbutton {
    margin-top: 0px;
}


/*******  ARTISTS  *******/    


#artists {
    color: #000;
    background: #fff;
}

#artists p a {
    color: #00aada;
}

#artists.fourth-river #white a.button {
    color: #fff !important;
    padding: 12px 30px;
    border: 1px solid #fff;
}

#artists p.minisocials {
    margin-top: -15px;
}

#artists p.minisocials a {
    font-size: 2rem;
    padding: 5px;
}

#artists p.minisocials a:hover {
    color: #000;
}

#artists.grants {
    padding-bottom: 0px;
    margin-bottom: -40px;
}

#artists .container {
    padding-bottom: 70px;
}

#artists .header.mainartist {
    background: url("../img/artist9.jpg");
    background-size: cover;
    background-position: 50% 0%;
}

#artists.resources .header {
    background: url("../img/artist12.jpg");
    background-size: cover;
    background-position: 50% 0%;
}

#artists .header.grant1 {
    background: url("../img/artist5.jpg");
    background-size: cover;
    background-position: 50% 10%;
}

#artists .header.grant3 {
    background: url("../img/fourth-river.jpg");
    background-size: cover;
    background-position: 50% 50%;
}

@media (min-width: 800px) and (max-height: 700px) {
#artists .header.grant3 {
    background: url("../img/fourth-river-lores.jpg");
    background-size: cover;
    background-position: 50% 50%;
}       
}

@media (max-width: 800px) {
#artists .header.grant3 {
    background: url("../img/fourth-river-mobile.jpg");
    background-size: cover;
    background-position: 50% 50%;
}    
}

#artists .header.grant2 {
    background: url("../img/overtones.jpg") #000;
    background-size: cover;
    background-position: 50% 50%;
}

.header.about {
    background: url("../img/artist6.jpg");
    background-size: cover;
    background-position: top center;
}

.header.donate {
    background: url("../img/artist8.jpg");
    background-size: cover;
    background-position: 50% 50%;
}

.header.faq {
    background: url("../img/artist11.jpg");
    background-size: cover;
    background-position: 50% 50%;
}

.header.industry {
    background: url("../img/artist3.jpg");
    background-size: cover;
    background-position: top left;
}

.header.education {
    background: url("../img/artist7.jpg");
    background-size: cover;
    background-position: 50% 50%;
}

.svg, .resourcesimage {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0px auto 30px auto;
    color: #fff;
}

.resourcesimage {
    width: 70px;
    height: 70px;
}

 .raficon {
    position: absolute;
    top: -5vh;
    left: 50%;
    height: 15vh;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


#artists p {
    font-size: 1.3rem;
}

#artists p.biggerp {
    font-size: 1.5rem;
    line-height: 1.7rem;
    margin-top: -30px;
    padding-top: 0px;
}

#artists p .bold {
    font-size: 1.15rem;
    line-height: 1.2rem;
}



#artists .col.right {
}

#artists .col.right p, #artists.past .col.left p, p.styrene {
    font-size: 1.3rem;    
    font-family: "Styrene Reg";
}

#artists h2.teal {
    color: #00aada;
    font-size: 3.5rem;
}

#artists .col.lesspadding {
    padding-bottom: 40px;
}

#artists #grid {
    width: calc(100% + 30px);
    margin-left: -15px;
    display: block;
}

#artists #grid #row .col {
    color: #000;
    background: #00aada;
    align-items: center;
    text-align: center;
    margin: 15px;
    transition: 0.4s;
    cursor: pointer;
    justify-content: center;
    min-height: 350px;
}

#artists #grid #row .col.publishing {
    background: rgba(0, 170, 218, 0.9) url('/img/publishing.jpg');
    background-size: cover;
    background-position: 50% 50%;
}

#artists #grid #row .col.releasing {
    background: rgba(0, 170, 218, 0.9) url('/img/releasing.jpg');
    background-size: cover;
    background-position: 50% 50%;
}

#artists #grid #row .col.record-labels {
    background: rgba(0, 170, 218, 0.9) url('/img/record-labels.jpg');
    background-size: cover;
    background-position: 50% 50%;
}

#artists #grid #row .col.streaming {
    background: rgba(0, 170, 218, 0.9) url('/img/streaming.jpg');
    background-size: cover;
    background-position: 50% 50%;
}

#artists #grid #row .col.financial {
    background: rgba(0, 170, 218, 0.9) url('/img/financial.jpg');
    background-size: cover;
    background-position: 50% 50%;
}

#artists #grid #row .col.booking {
    background: rgba(0, 170, 218, 0.9) url('/img/booking.jpg');
    background-size: cover;
    background-position: 50% 50%;
}

#artists #grid #row .col .wrap {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#artists #grid #row .col span.more {
background: #000;
    color: #fff;
    padding: 10px 20px;
}

#artists #grid #row .col:hover {
    color: #fff;
    background: #000;
    align-items: center;
    text-align: center;
    margin: 15px;
}

#artists.fourth-river #grid #row .col:hover {
    color: #000;
    background: #00aada;
    align-items: center;
    text-align: center;
    margin: 15px;
}

#artists #grid #row .col:hover h4 {
    color: #00aada;
}

#artists.fourth-river #grid #row .col:hover h4 {
    color: #fff;
}

#artists #grid #row .col:hover span.more {
    background: #fff;
    color: #000;
}

#artists.fourth-river #grid #row .col:hover span.more {
    background: #000;
    color: #fff;
}

#artists #grid #row .col.inactive {
    cursor: default;
    background: lightgray;
}

#artists #grid #row .col.inactive:hover {
    background: lightgray;
}

#artists h4 {
    color: #fff;
}

#artists.fourth-river h4 {
    color: #00aada;
}

#artists.fourth-river #grid h4 {
    color: #fff;
}

#artists.fourth-river #white h4 {
    color: #fff;
}

#grantinfo {
    display: block;
    margin: 0px auto;
}

#grantinfo .col {
    padding: 5% 5% 0px 5%;
}

#grantinfo .col span {
    font-size: 1.4rem;
    line-height: 1.4rem;
}

#grantinfo .col  p {
    font-size: 1.2.rem;
    line-height: 1.7rem;
    margin: 15px 0px;
}

#black {
    display: block;
    background: #000;
    width: 100%;
    padding: 70px 0px;
}

#black img {
    max-width: 80%;
    display: block;
    margin: 0 auto;
}

#black h2, #black h3 {
    color: #fff;
} 

#white {
    display: block;
    background: #00aada;
    width: 100%;
    margin-top: 80px;
    padding: 20px 0px 50px 0px;
}

#white.notop {
    margin-top: 0px;
}

#artists #white .container {
    padding-bottom: 0px;
}

#artists .container {
    padding-bottom: 0px;
    margin-bottom: 50px;
    padding-top: 50px;
}

#artists .container.lesspadding {
    padding-bottom: 50px;
    margin-bottom: 0px;
}

#artists #white .container {
    padding-top: 0px;
    margin-top: -20px;
    margin-bottom: 0px;
}

#artists #white .container.morebottom {
    padding-bottom: 50px;
}

#white h4 {
    text-align: left;
    color: #fff;
}

#white h4.center {
    text-align: center;
}

#artists.principal #white h4, #artists.fourth-river #white h4 {
    padding-top: 40px;
}

h3.padtop {
    margin-top: 100px;
}

#white ul, #white li {
    font-size: 1.1rem;
    list-style: square;
}

#white li {
    margin: 15px 0px;
}

#white .bigbutton {
    width: 250px;
    display: block;
    margin: 10px auto;
    text-align: center;
    color: #000;
    border-color: #000;
}

#white .bigbutton:hover {
    background: #fff;
}


#artists.principal #white .bigbutton, #artists.fourth-river #white .bigbutton {
    margin: 10px auto 10px 0px;
}


#sticky {
    border: 2px solid #fff;
    text-transform: uppercase;
    padding: 12px 30px;
    background: #00aada;
    color: #fff;
    transition: 0.4s;
    display: table;
    margin: 0 auto;
    font-family: "Styrene Bold", sans-serif;
    position: fixed;
    bottom: 40px;
    right: 30px;
    z-index: 15;
    font-size: 1.1rem;
    max-width: 240px;
    text-align: center;
}

#sticky:hover {
    background: #000;
    color: #00aada;
    border-color: #000;
}

#sticky.inactive {
    cursor: default;
    background: #000;
    color: #fff;
    border-color: #000;
}

#sticky.inactive:hover {
    background: #00aada;
    color: #fff;    
}





/*******  DONATE  *******/    


#donate {
    color: #000;
    background: #fff;
    text-align: center;
}

#donate .container {
    padding-top: 70px;
}

#donate p {
    font-size: 1.3rem;
    line-height: 1.6rem;
}

#donate h6.second {
    margin-top: 30px;
}

.fineprint {
    font-family: "Simula", serif;
    font-size: 1rem;
    line-height: 1.3rem;
    opacity: 0.6;
    display: block;
    margin: 10px 0px;
    text-align: left;
}

.fineprint.first {
    margin-top: 90px;
}




/*******  FAQ  *******/    



#faq {
    color: #000;
    background: #fff;
    text-align: center;
    padding-bottom: 40px;
}

#faq .container {
    padding-top: 70px;
}

#faq p {
    font-size: 1.3rem;
    line-height: 2rem;
}

#faq h3 {
    display: block;
    margin: 50px auto 0px auto;
    text-align: center;
    color: #000;
}






/*******  INDUSTRY  *******/    



#industry {
    color: #000;
    background: #fff;
    text-align: center;
    padding-bottom: 100px;
}

#industry .container {
    padding-top: 70px;
}

#industry p {
    font-size: 1.3rem;
    line-height: 2rem;
}

#industry ul {
    max-width: 500px;
    display: block;
    margin: 0 auto;
}

#industry ul li {
    text-align: left;
}

#industry h2 {
    max-width: 700px;
    display: block;
    margin: 0 auto;    
}





/*******  EDUCATION  *******/    



#education {
    color: #000;
    background: #fff;
    text-align: center;
    padding-bottom: 40px;
}

#education .container {
    padding-top: 70px;
}

#education p {
    font-size: 1.3rem;
    line-height: 2rem;
}

#education .button {
    background: transparent;
    color: #00aada;
    border: 2px solid #00aada;
}




/*******  FOOTER  *******/    

#footer {
    background: #000;
    text-align: left;
    color: #fff;
    padding: 0px;
}

#footer .bg {
    width: 50%;
    float: right;
}

#footer .bg.bgone {
    background: url("../img/footer.jpg") #000;
    background-size: cover;
    background-position: 50% 30%;
}


#footer .bg.bgtwo {
    background: url("../img/footer4.jpg") #000;
    background-size: cover;
    background-position: center;
}

#footer .bg.bgthree {
    background: url("../img/footer5.jpg") #000;
    background-size: cover;
    background-position: center;
}

#footer .bg.bgfour {
    background: url("../img/footer2.jpg") #000;
    background-size: cover;
    background-position: center;
}

#footer .bg.bgfive {
    background: url("../img/footer6.jpg") #000;
    background-size: cover;
    background-position: center;
}

#footer .bg.bgsix {
    background: url("../img/footer6.jpg") #000;
    background-size: cover;
    background-position: center;
}

#footer .bg.bgseven {
    background: url("../img/footer7.jpg") #000;
    background-size: cover;
    background-position: center;
}


#footer .bg.bgeight {
    background: url("../img/footer3.jpg") #000;
    background-size: cover;
    background-position: center;
}

#footer .bg.bgnine {
    background: url("../img/footer8.jpg") #000;
    background-size: cover;
    background-position: center 25%;
}

#footer .bg.bgten {
    background: url("../img/footer10.jpg") #000;
    background-size: cover;
    background-position: center;
}


#footer .col.left {
    margin: 0;
    flex: 1.5;
}

#footer .col.left .container {
    width: 70%;
    max-width: 400px;
    display: block;
    margin: 0 auto;
}

#footer .col img {
    width: 70%;
    display: block;
    margin: 0 auto 30px;
    padding-top: 0px;
}

#footer #socials {
    display: block;
    margin: 0px auto 40px auto;
    text-align: center;    
}

#footer #socials a {
    font-size: 2.3rem;
    color: #00aada;
    padding: 10px;
    text-align: center;
}

#footer #socials a:hover {
    color: white;
}

#footer .button {
    display: table;
    width: 90%;
    margin: 0px auto 40px auto;
}

#footer .button:hover {
    background: #00aada;
    color: #000;
}

form {
    display: block;
    width: 90%;
    margin: 0 auto;
    border: 2px solid #fff;    
}

#footer .seal {
    display: table;
    margin: 40px auto 0px auto;
}

#footer .seal img {
    display: block;
    margin: 0px auto;
    width: 108px;
    height: 108px;
}

form input {
    display: inline;
    margin: 0px;
    text-align: center;
    padding: 10px 0px;
    color: #fff;
    transition: 0.4s;
    border: 0px;
    outline 0px;
    font-family: "Styrene Bold", sans-serif;
    -webkit-appearance: none;
    border-radius: 0px;
    outline: none;
}

form input.email {
    width: 70%;
    background: #000;
}

form input.submit {
    border-left: 2px solid #fff;
    background: #fff;
    color: #000;
    width: calc(30%);
    float: right;
    text-transform: uppercase;
}

form input.submit:hover {
    background: #00aada;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  text-transform: uppercase;
  font-family: 'Styrene Bold' sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  text-transform: uppercase;
  font-family: 'Styrene Bold' sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  text-transform: uppercase;
  font-family: 'Styrene Bold' sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  text-transform: uppercase;
  font-family: 'Styrene Bold' sans-serif;
}





/******* ANIMATIONS *******/

.reveal{
  position: relative;
  transform: translateY(50px);
  opacity: 0;
  transition: 2s all ease;
}
.reveal.active{
  transform: translateY(0);
  opacity: 1;
}



/*******  MEDIA QUERIES  *******/


@media (max-width: 800px) {
    
    
    
    /* MOBILE GLOBAL */ 
	
	#desktop, #fancy-carousel.desktop {
		display: none;
	}	
    
    #mobile, #fancy-carousel.mobile {
        display: block;
    }
    
    #info, #about, #headlines, #grantees, #faq, #partners, #footer {
        padding: 0px 0px 50px 0px;
    }

    #signupwrap {
      z-index: 1000;
      position: absolute;
      top: 0px;
      left: 0px;
        width: 80%;
            left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
            top: 50%;
    }
    
    
    #info .cohort.bottomleft {
        text-align: left;
        left: auto;
        bottom: auto;
        top: 10px;
        left: 10px;
    }

    .header .cohort.mobile {
        text-align: right;
    }
    
    .cohort {
        max-width: 35vw;
    }
    
    #footer .cohort {
        display: none;
    }
    
    #menu {
        display: none;
    }

    .content {
        width: 80%;
    }    
    
    .container {
        width: 80%;
    }
        
    #row, .col {
        display: block;
        width: 100%;
        flex: unset;
    }
    
    .col {
        width: 100%;
        padding: 0%;
        margin: 0 auto;
    }
    
    .col.bg {
        width: 100%;
    }
    
    h2, #artists h2.teal {
        font-size: 3rem;
        line-height: 3rem;
        margin-bottom: 10px;
    }
 
    .button {
        border: none;
        background: rgba(0,170,218,1);
    }    
    
    p {
        font-size: 1.3rem;
    }
    
    .raficon {
        top: -6vh;
        height: 12vh;
    }
    
    h1, h2 {
        text-align: center;
    }
    
    h1.left, h2.left {
        text-align: left;
    }
    
     
    #artists.grants.past h7 {
        margin: 50px auto 30px auto;
    }
    
 
    
    
    
    /* MOBILE HOME */ 
    
    #home {
        background-position: top center;
        background: url("../img/artistmobile.jpg");
        background-size: cover;
    }
    
    #home .homecontent {
        margin-top: 0px;
        width: 100%;
        background: transparent;
        padding: 8% 12% 14% 8%;
    }
    
    #home .mobilebg {
        background: rgba(0,135,188,0.85);
        -webkit-filter: saturate(130%);
        filter: saturate(130%);
        position: absolute;
        z-index: 0;
        height: 40vh;
        top: 0px;
        height: 40vh;
    }
    
    #home p {
        font-size: 1.2rem;
        line-height: 2rem;        
    }
    
    #home h2 {
        margin: 40px auto;
        color: #00aada;
        font-size: 2.6rem;
        line-height: 2.6rem;
    }

    .raftop {
        width: 100px;
        display: block;
        margin: 0px auto 30px 0px;
    }
    
    .raftop.subpage {
        position: absolute;
        top: 33px;
        left: 33px;  
    }
    
    .invert {
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }
    
    #home .button {
        background: rgba(0,170,218,0.8);
        display: block;
        margin: 10px auto 10px 0px;
        max-width: 250px;
        border: none;
    }
    
    .ca3-scroll-down-link {
        left: 35%;
        bottom: 0px;
        display: none;
    }
    
    #grantees h3 {
    text-align: left;
        max-width: 250px;
        margin: 0px auto 30px 0px;
}
    
    #artists.past .container {
        width: 80%;
    }    
    
    #artists.grants.past  p .bold {
        font-size: 1.3rem;
    }
    
    
    #homepage #about h3.white {
    text-align:  left;
    }
    /* MOBILE INFO */ 
    
    #info {
        text-align: left;
        padding: 0px 0px 60px 0px;
    }
    
    #info .bg {
        width: 100vw;
        height: 100vw;
        background: url(../img/infomobile.jpg) #000;
        background-size: cover;
        background-position: center;        
    }
    
    #info img, #info .bg {
        float: none;
    }

    #info h2 {
        font-size: 2rem;
        line-height: 2.2rem;    
        text-align: left;
    }    
    
    #info .col.right {
        margin: -30vh auto 0px auto;
        width: 80%;
    }

    #info li, #info .bullets span {
        text-align: left;
    }
    
    .embed-container {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);      
    }
    
    #info .button {
        margin: 0 auto 0px 0px;
    }
    
    
    
    /* MOBILE ABOUT */
    
    h1.smallerinmobile {
        font-size: 8vw;
    line-height: 8vw;
    }
    
    #about {
        background: #00aada;
        padding-bottom: 30px;
    } 
    
    #about .stamp {
        width: 50%;
        display: block;
        margin: 0px auto 30px 0px;
        padding-top: 50px;
    }
    
    #about h1 {
        margin-bottom: 30px;
        color: #fff;
    }
    
    h1.narrow {
        font-size: 2rem;
        line-height: 2rem;
    }
    
    #about .container, #about.main .container  {
        padding-top: 80px;
    }
    
    #about h1.roomy {
        margin-top: 50px;
    }
    
    #about .col, #content .col {
        padding: 0px 0px;
        margin: 0 auto;
        width: 100%;
    }
    
    #about.main .col     {
        padding: 5% 0% 0px 0%;
    }
    
    #about .col span {
        font-size: 1.4rem;
        margin-bottom: 20px;
    }
    
    #about p {
        font-size: 1.3rem;
        line-height: 2.2rem;
    }
    
    #about ul {
        margin-block-start: 0em;
        margin-block-end: 0em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 0px;        
    }
    
    #about li {
        margin-left: 20px;
        font-size: 1.3rem;
        line-height: 2rem;
    }
    
    #about .button {
        margin-bottom: 50px;
    }
    
    #content .container h1 {
        padding-bottom: 30px;
    }
    
    #content .container h1.lessbottom {
        padding-bottom: 0px;
    }
    
    #content span.aboutfounder {
        margin-bottom: 40px;
    }
    
    #content .container img.partnerlogos {
        display: inline-block;
        padding: 0px 30px;
        width: 45%;
        height: auto;
        margin: 0px auto;
    }    
    
    #content .col.wider span.founder, #content .col.shorter span.founder {
        font-size: 1.2rem;
    }
    
    #content .col.wider span.founder span, #content .col.shorter span.founder span {
        font-size: 1rem;
    }
    
    #content .col.shorter span.founder {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    #content .col.wider {
        padding: 0% 0% 0% 0%;
        width: 50%;
        display: inline-block;
        width: 46%;
        margin: 1%;
        vertical-align: top;
    }
    
    #content .col.shorter {
        margin-bottom: 25px;
    }
    
    #content .col.wider.spacer {
        display: none;
    }



    /* MOBILE HEADLINES */ 

    #headlines {
        padding-bottom: 50px;
    }

    #headlines .col {
        width: 80%;
        margin: 10px auto;
        border: 1px solid #fff;
    }

    #headlines h1 {
        margin: 0px auto 40px 10%;
        text-align: left;
        padding-top: 40px;
    }



    /* MOBILE GRANTEES */ 

    #grantees {
        width: 80%;
        display: block;
        margin: 0 auto;
    }
    
    #grantees h1 {
        text-align: left;
        margin: 0 auto 0px 0px;
        padding-top: 40px;
    }

    #grantees .bigbutton {
        margin: 0px auto auto 0px;
    }

    #grantees p {
        text-align: left;   
    }
    
    /* MOBILE ARTISTS PAGE */     
    
    #artists {
        padding: 0px 0px 50px 0px;
    }
    
    #artists .container {
        padding-top: 80px;
    }
    
    #artists  .col.right {
        padding-top: 10px;
    }

    #artists .grid {
        width: 100%;
        margin-left: 0px;
    }
    
    #artists #grid #row .col {
        margin: 10px 0px;
        height: 55vh;
        min-height: 400px;
        padding: 0px 5%;
    }
    
    #artists #grid #row .col:hover {
        margin: 10px 0px;
    }    
    
    #artists #grid #row .col.inactive {
        margin: 10px 0px;
        height: 20vh;
        min-height: 100px;
        padding: 0px 5%;
    }    
    
    #artists h5 {
        font-size: 1.2rem;
    }
    
    #artists .container.lesspadding {
        padding-bottom: 0px;
    }
    
    #artists .col.lesspadding {
        padding-bottom: 0;
    }    
    
    #content span.founder {
        margin: 10px auto 30px 0px;
    }    
    
    #artists.past #row.narrow {
     width: 100%;
    }
    
  
    /* MOBILE GRANT PAGES */       
    
    #grantinfo .col {
        padding: 10% 0 0 0;
    }
    
    #black h3 {
        max-width: 250px;
    }
    
    #sticky {
        font-size: 1rem;
        max-width: 150px;
        padding: 10px 20px;
    }
    
    #white h4.center {
        text-align: left;
    }
    
    #artists.principal #white h4, #artists.fourth-river #white h4 {
        padding-top: 00px;
    }
    
    #white .bigbutton {
        margin: 10px auto 10px 0px;
    }
    
    #row.pushup {
        margin-top: 10%;
    }
    
    #artists #white .container {
        padding-top: 0px;
    }
    
    #row.minimalpadding {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    #white h4 {
        margin-top: 40px;
    }
    
    #white {
        padding-bottom: 20px;
    }
    
    #artists .header.grant2 {
        background: url("../img/overtones-mobile.jpg") #000;
        background-size: cover;
        background-position: 50% 50%;
    }    
    
    .morebottom {
        padding-bottom: 30px;
    }
    
    #artists.fourth-river h4.mobilepadding {
        padding-top: 30px;
    }    
      
    /* MOBILE EDUCATION */    
    
    #education {
        padding-top: 0px;
    }
    
    
    
    /* MOBILE INDUSTRY */    
    
    #industry {
        padding-top: 0px;
    }    
    
    #industry h2 {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    
    #industry h2.moretop {
        padding-top: 40px;
    }
    
    
    
    /* MOBILE FAQ */    
    
    #faq {
        padding-top: 0px;
    }        
    
    .header.faq {
        background-position: 30% 50%;
    }
    
    

    /* MOBILE FOOTER */ 


#footer .col.left {
    width: 100%;
}
    
#footer .col img {
    padding-top: 50px;
}    
    
#footer .col .seal img {
        padding-top: 0px;
    }

#footer .button {
    display: table;
    width: 100%;
    font-size: 1rem;
    padding: 10px 0px;
    margin: 0px auto 70px auto;
    background: transparent;
    border: 2px solid #fff;
}

#footer .col.right {
    display: none;
}

#footer form {
    width: 100%;
}

#footer .col img {
    width: 70%;
}
    
#footer .col .seal img {
    width: 108px;
}

#footer #socials {
    display: block;
    margin: 0px auto 30px auto;
    text-align: center;
}    
    
#footer #socials a {
    font-size: 1.3rem;
}
    
    #footer h3 {
        margin: 0px auto 10px auto;
    }
    
    #footer .button {
        margin-bottom: 40px;
        font-size: 0.8rem;
    }
    
    #footer .col img {
        margin: 0 auto 10px auto;
    }
    
    #footer .col .seal img {
        margin: 0px auto;
    }
    
    form input, form input.submit {
        font-size: 0.8rem;
    }

    
    
    
    /* MOBILE DONATE */ 

    #donate {
        padding-top: 0px;
        padding-bottom: 20px;
    }
    
    #donate #row.narrow {
        width: 100%;
    }
    
    #donate h2 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
    
    #donate h6 {
        text-align: center;
    }
    
}
    
    

    /* MOBILE BITS AND BOBS */ 

@media (min-width: 1500px) {
    .content {
    max-width: 1100px;
}
    #about {
        background-size: 39vw;
    }    
}

@media (min-width: 800px) {
    
    #toggle, #overlay {
        display: none !important;
    }
}


@media (min-width: 800px) and (max-width: 1100px) {
    #about .col span {
    font-size: 1.4rem;
}
}
    
@media (min-width: 800px) and (max-width: 1000px) {
    #about .col span {
    font-size: 1.3rem;
}    
    #about li {
        font-size: 1.3rem;
        line-height: 2rem;
    }    

}
    
    
@media (max-width: 1300px) {
    .buttons .button {
        padding: 10px 30px;
    }
}

    
@media (min-width: 1900px) {

#info h2.narrow {
    max-width: 600px;
}
}        
    

@media (min-width: 800px) and (max-height: 800px) {

.raficon {
    top: -8vh;
}    
}

@media (min-width: 800px) and (min-height: 850px) {

.raficon {
    height: 10vh;
}    
}

@media (min-width: 800px) and (min-height: 1300px) {

.raficon {
    top: -5vh;
}    
}

@media (min-width: 800px) and (max-height: 600px) {
    #artists .header.grant2 {
        background: url("../img/overtones-small.jpg") #000;
        background-size: cover;
        background-position: 50% 50%;
    }
.raficon {
    top: 49vh;
}    
}

@media (min-width: 800px) and (max-width: 1350px) {
    h2 {
        font-size: 2.6rem;
        line-height: 3rem;        
    }
}

@media (min-width: 800px) and (max-width: 1075px) {
    #home .homecontent {
        padding: 6% 8% 6% 8%;
    }
}

@media (min-width: 800px) {
    .notoppadding {
        padding-top: 0px !important;
    }   
    #artists.fourth-river .nopadding {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }       
#content #row.narrow2, #content #row.narrow2 img {
    max-width: 374px;
    width: 100%;
}    
    #content #row.narrow2 .col {
        padding: 5% 0% 0% 0%        
    }
}