/*Mobile-------------------------------------*/
@media only screen and (max-width: 799px) {
  .success-message {
    width: 85%;
    margin: auto;
    padding: 2em;
    font-size: 1em;
    text-align: center;
    border-radius: 10px;
    background-image: url(/public/assets/q4-min.jpeg);         
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    z-index: 1;
    transition: 0.5s;
    backdrop-filter: blur(15px);
  }
  
  .congrats {
    padding-bottom: 2em;
    font-size: 1.5em;
    color: white;
  }
  .fa {
    padding: 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 10px;
  } 
}

/*Tablet-------------------------------------*/
@media only screen and (min-width: 800px) and (max-width: 1099px) {
  .success-message {
    width: 75%;
    margin: auto;
    padding: 2em;
    padding: 2em;
    font-size: 1.15em;
    text-align: center;
    border-radius: 10px;
    background-image: url(/public/assets/q4-min.jpeg);         
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    z-index: 1;
    transition: 0.5s;
    backdrop-filter: blur(15px);
  }
  
  .congrats {
    padding-bottom: 2em;
    font-size: 1.75em;
    color: white;
  }
  .fa {
    padding: 20px;
    font-size: 30px;
    width: 80px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 10px;
    
  }
}

/*Desktop-------------------------------------*/
@media only screen and (min-width: 1100px) {
  .success-message {
    width: 70%;
    margin: auto;
    padding: 2em;
    font-size: 1.25em;
    text-align: center;
    border-radius: 10px;
    background-image: url(/public/assets/q4-min.jpeg);         
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    z-index: 1;
    transition: 0.5s;
    backdrop-filter: blur(15px);
  }
  
  .congrats {
    padding-bottom: 2em;
    font-size: 1.75em;
    color: white;
  }
  .fa {
    padding: 20px;
    font-size: 30px;
    width: 80px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 10px;
    
  }
}




.submitted{
  background: 
  /* top, transparent red, faked with gradient */ 
  linear-gradient(
    rgba(4,76,108, 1),  
    rgba(4,76,108, 0.25)
  ),
  /* bottom, image */

  url(/public/assets/q4-min.jpeg);

  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  font-family: 'Montserrat', sans-serif;
  display: flex;
  justify-content: center;
  padding-top: 6em;
  padding-bottom: 8em;
}

.info-1 .info-2 {
  font-size: 1.0em;
  color: white;
}

.info-1 {
  padding-bottom: 1em;
}

.info-2 a {
  color: white;
}

.btn {
  margin-top: 1.25em;
  background-color: white;
  border-radius: 10px;
  padding: 0.25em 1em;
  display: inline-block; 
  
}
.back-btn {
  text-align: center;
  color: var(--main-blue);
  text-decoration: none;
  
}
.social-icons {
  padding: 2em;
}

.social-1 {
  padding-top: 2em;
}

.fa:hover {
  opacity: 0.8;
  transform: scale(1.4);
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}
.fa-linkedin {
  background: #007bb5;
  color: white;
}
.fa-instagram {
  background: #125688;
  color: white;
}
.fa-behance {
  background: #429cdd;
  color: white;
}