@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Raleway');

body{
	background-color: #edeff0;
	font-family: 'Raleway', sans-serif;
}

#header{
	background-color: #f4f4f4; border-bottom: 2px solid #123366; padding: 10px 0 10px;
}
.verticle-align{
  display: flex;
  align-items: center;
  justify-content: center;
}
.verticle-align h5{
  margin-bottom: 0px !important;
}
.top-logo{
  width: 200px;
}
.headingAnton{
  font-family: 'Anton', sans-serif;
}
.headingShadow{
  text-shadow:#CCCCCC 2px 2px;
}
.headingBlue{
  color:#123366;
}
.imgBlock{
  display: inline-block;
}
.borderShadow{
  box-shadow: rgba(0, 0, 0, 0.12) 3px 3px 15px;
}

h4.steps-heading{
	margin-top: 15px; margin-bottom: 15px;
}
p.steps-paragraph{
	margin-top: 15px; margin-bottom: 15px; font-size: 0.8em;
}
h3.question{
  min-width: 40vw;
}
.logo-icon{
  vertical-align: baseline; margin-right: 15px; width: 36px;
}

#quiz-app{
	display: flex; min-height: 85vh; background: linear-gradient(rgba(0,0,0 ,0.7), rgba(0,0,0,0.5)), url('../img/bg3.jpg') fixed 0% 0%/cover; color:rgba(255,255,255,0.9);
}
#quiz-app .container{
	padding-top: 10px; padding-bottom: 10px;
}

.bg-add{
  background: inherit;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  z-index: 0;
}
.bg-add:before{
  content: "";
  background: inherit; 
  position: absolute;
  left: -25px;
  right: -25px;
  top: -25px; 
  bottom: -25px;
  box-shadow: inset 0 0 0 3000px rgba(0,0,0,0.5);
  filter: blur(10px);
  z-index: -1;
}

.steps{
	background: #FFFFFF;
}

/*.btnHeight{
	line-height: 100px;
}*/

/* fixing margin */
.btn-group .btn + .btn {
	margin-left: 0;
}


#footer{
	background-color:#f4f4f4; padding: 50px 0;
}
#footer .logo{
	font-family: 'Anton', sans-serif; font-size: 1.2em; color: #7fb941; letter-spacing: 0.05em;
}
#footer .logo img{
	display: inline-block; vertical-align:text-bottom;
}
#footer .footer-bullet{
  background-color: #9ab5e0; width: 24px; margin: 10px auto; text-align: center; 
}
#footer .footer-bullet-text{
  margin-bottom: 50px;
}

/* Extra small devices (portrait phones, less than 667px) */
@media (max-width: 667px){

  #header{
    background-color:#f4f4f4;
  }

  .top-logo{
    width: 75%; display: block; margin: 0 auto;
  }

  .verticle-align h5 {
    font-size: 1.05rem;
  }

  #quiz-app{
    min-height: 80vh;
  }

  h3.question{
    min-width: 73vw;
  }
  .logo-icon{
    width: 36px; margin-right: 5px; 
  }

  .form-control{
    margin-bottom: 10px;
  }

  .home-button{
    font-size: 1.05rem !important; margin-bottom: 10px;
  }

  .card{
    margin-bottom: 20px;
  }

  .congrats-banner{
    display: none;
  }

  #footer{
    padding: 35px 0;
  }

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 320px) and (max-width: 767px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {	

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}