@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.dosis-<uniquifier> {
  font-family: "Dosis", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
html, body{padding:0; margin: 0; font-size: 15px;   font-family: "Montserrat", sans-serif; overflow-x:hidden;
 text-align: center;}
.page{width: 100vw; height: 100vh;display: table; color: white; background: #000 url(faye.jpg) center; background-size: cover; -webkit-background-size:cover; -moz-background-size: cover;}
.contentbox{width: 80%; margin: 0 auto; text-align: center;    display: table-cell;vertical-align: middle;}


h1{font-size: 3em; }
h1, h3{  font-family: "Dosis", sans-serif;
}
#home h1{padding-top:29vh;}
ul li{list-style: none; display: inline-block; padding: .5em; font-size: 1.3em;}
.firstli{padding-left:0;}
.lastli{padding-right:0;}
a{color: white; text-decoration: none;}
a:hover{ opacity:.6; transition: .3s;}
a.btn{font-weight: bold;background:white; color:black; padding: .5em 1em; margin: 1em auto;text-decoration: none;}
a.btn:hover{opacity: 1; background:black; color:white;}
.menu .nav a, .menu .nav {color:black;}
.menu{position:absolute; width:100%;padding:.1em; font-size: 12px;}
.nav{right:1em;}
.logo, #socials{display:inline-block;position: absolute;}
.logo img{width: 100%; max-width: 100px;}
.logo{ left:1em;}
#socials{right:1em;max-width: 70vw; text-align: right;}

footer{padding: 2em; font-size:12px;}

section{padding: 20vh 10vw;}
section h1{margin: 0 auto 2em auto;}

#artists{margin: 10vh auto;}
li.artist-item a{color:black;}
li.artist-item{display: inline-block;
  font-weight: bold;
  padding: .2em .4em;}
  #contact{background:black; color:white;}
#mc-embedded-subscribe {
	background-color:black;
	border:none;
    color: white;
    margin-top: 1em;
    display: inline-block;
    font-size: 12px;
    padding: .4em;

}

#mc-embedded-subscribe, input[type="email"], .clear {

    display: inline-block;
    width: 100%;
    max-width: 250px;

}

input[type="email"]{padding: .3em; max-width: 238px; border-style:solid; border-color:white;}