body {
    background-color:#ca4427;
    margin:0;
}

#test{
    background-color:#000000;
}

h1 {
    font-family:'Familjen Grotesk', sans-serif;
    font-size:3em;
    font-weight:700;
    text-align:left;
    margin-top:.5em;
    margin-left:.5em;
    color:#f6f089;
}

#title{
    font-family:'Familjen Grotesk', sans-serif;
    font-size:20vw;
    font-weight:700;
    font-style:italic;
    text-align:center;
    color:#ffffff;
    position:absolute;
    margin:0;
    top:.1em;
    left:.1em;
    z-index:1000;
   
}

#pullquote {
    font-family:'Familjen Grotesk', sans-serif;
    font-size:6em;
    font-weight:400;
    margin-top:.5em;
    margin-left:.5em;
    margin-bottom:.5em;
    max-width:85vw;
    text-align:left;
    color:#ffffff;
}

.bodycopy{
    font-family:'Familjen Grotesk', sans-serif;
    font-size:3em;
    line-height:1.5;
    font-weight:200;
    max-width:85vw;
    text-align:left;
    margin-left:1em;
    margin-bottom:2em;
    color:#ffffff;
}
    
a:link {
    color:#f6f089;
    text-decoration:none;
}

a:visited {
    color:#f6f089;
    text-decoration:none;
}

/*Photographs go here, this is just a DIV ID*/
#photographycontainer {
    display:inline-block;
    max-width: 100vw;
    padding: 0;
    overflow-x: scroll;
}

/*used to space the title page*/
.hero {
    margin-top:20em;
}

#carousel {
  width: 100%;
  margin:0;
  display: flex;
  list-style-type:none;
  padding:0px;
}

.photographichero{
  width: 100%;
}

.slidetwo > img {
  max-height: 75vh;
  margin-left:5px;
  margin-bottom:5px;
}


.mc-field-group {
    background-color: #000000;
}

#mc_embed_signup {
    margin-left:2em;
}

#mc_embed_signup .button {
    height:44px;
}


#instagramicon {
    width:2em;
    margin-left:3em;
    margin-bottom:1.5em;
    bottom:0;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(305deg) brightness(103%) contrast(103%);

}

/* Mobile first bby*/

@media screen and (max-width: 435px) {
    #title{
    font-family:'Familjen Grotesk', sans-serif;
    font-size:20vw;
    font-weight:700;
    text-align:center;
    position:absolute;
    margin:0;
    top:.1em;
    left:.1em;
    z-index:1000;
    
}
    
    #photographycontainer {
    display:inline-block;
    padding: 0;
    overflow-x: scroll;
}

/*used to space the title page*/
.hero {
    margin-top:5.5em;
}

#pullquote {
    font-size:2em;
    font-weight:400;
    margin-top:.5em;
    margin-left:.65em;
    max-width:85vw;
}

.bodycopy{
    font-size:1.25em;
    font-weight:200;
    margin-left:1em;
}

    .slidetwo > img {
    max-height: 50vh;
}

#mc_embed_signup{
    margin-left:.1em;
}

#instagramicon {
    margin-left:1.5em;

}
    
}