/* @media screen and (min-width: 426px){
  a:link {
    font-size: 16px;
  }
  .contactheader {
    font-size: 20px;
  }
} */



body {
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  /* background-color: rgba(237, 244, 245, 1); */
  background: linear-gradient(to bottom, rgba(0,0,0,.0),rgba(0,0,0,.0)),
    url('../resources/background8.jpg') center;
  overflow-x: hidden;
}

.main {
  color: rgb(35, 31, 32);
}

a:link {
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 300;
}

a:hover {
  text-decoration: underline;
}

.main a:link {
  color: rgb(35, 31, 32);
}


.bg {
  /* background-color: yellow; */
  display: flex;
  flex-direction: column;
  align-content: center;
  height: 90%;
  width: 80%;
  margin: 10vh 10vw 0px 10vw;
  /* background: linear-gradient(to bottom, rgba(0,0,0,.22),rgba(0,0,0,.22)),
    url('../resources/background3.jpg') center; */
  box-shadow: 0px 0px 20px 0px rgba(80, 80, 80,.5);
  background-color: rgba(255, 255, 255,1);

  /* url('../resources/background.jpg') center; */
}

.contentbox {
  /* height: 50%; */
  width: 80%;
  max-width: 600px;
  /* transform: translateY(20%); */
  /* background-color: rgba(0, 255, 0, 0.3); */
  margin: auto;

}

.logo {
  display: flex;
  height: 30%;
  min-height: 200px;
  /* background-color: rgba(255, 0, 0, 0.3); */
  align-items: center;
  justify-content: center;
}

.logoshift {
  margin-top: 80px;
}

.logo img {
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    max-width: 400px;
}

.contact {
  height: 30%;
  margin-top: 10px;
  /* background-color: rgba(0, 0, 255, 0.3); */
}

.linkcontainer {
  margin-bottom: 10px;

}

.linkcontainer a {
  text-align: center;
}

.contactheader{
  font-weight: 400;
  font-size: 16px;
  /* color: white; */
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  letter-spacing: 1px;
}


.spacertop{
  height: 10%;
  /* background-color: rgba(100, 0, 100, 0.3); */
}

.spacerbottom{
  height: 20%;
  /* background-color: rgba(100, 0, 100, 0.3); */
}


.bgbottom {
  display: flex;
  justify-content: center;
}

.socialbox{
  /* background-color: pink; */
  /* height: 60px; */
  width: 100%;
  position: relative;
  bottom: 20px;
}

.socialicons {
  object-fit: contain;
  width: 5%;
  min-width: 30px;
  max-width: 40px;
  margin-left:10px;
  margin-right:10px;
  opacity: 1;
}

.socialicons:hover {
  opacity: .8;
}

.socialbox a:hover {
  text-decoration: none;
}


.evokebox{
  height: 100vh;
  width: 100vw;
  /* background-color: white; */

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.evokelogobanner {
  background-color: rgb(255,255,255);
  width: 100%;
  height: 30%;
  min-height: 300px;
  box-shadow: 0px 0px 20px 0px rgba(80, 80, 80,.5);
  display: flex;
  justify-content: center;
  align-items: center;

  /* transform: translate(-50%, -50%) */
}

.evokelogocont {
  width: 60%;
  display: flex;
  height: 30%;
  min-height: 200px;
  /* background: yellow; */
  /* background-color: rgba(255, 0, 0, 0.3); */
  align-items: center;
  justify-content: center;
}

.evokelogocont img {
  width: 100%;
  /* max-height: 100%; */
  object-fit: cover;
  max-width: 400px;
}

.announcement {
  /* background-color: rgba(0,0,0,.3); */
  background-color: rgba(35, 31, 32,.45);
  text-align: center;
}

.announcement h1 {
  margin: 0px;
  color: white;
  /* color: black; */
  width: 100%;
  padding: 5px 30px 5px 0px;

  /* background: rgba(35, 31, 32,.6); */
  font-size: 16px;
  letter-spacing: 4px;
  font-weight: 400;
  pointer-events: none;
  /* position: absolute;
  bottom: 130px; */
}



@media screen and (max-width: 425px) {
  .linkcontainer a {
    font-size: 13px;
  }
  .socialbox{
    /* background-color: pink; */
      bottom: 40px;
  }

}