body{
    display:flex;
    min-height:100vh;
    flex-direction:column;
    padding-top:0;
    overflow-x:hidden;
}

main{
  flex:1 0 auto;
}

.fixed{
	width:100%;
	z-index:1000;
	top:0;
	left:0;
	position:fixed;
}
#logo{
  margin-top:20px;
  width:350px;
  max-width:90%;
}

#overlay{
    position:fixed;
    width:100%;
    height:100%;
    top:0; 
    left:0;
    background-color:rgba(0,0,0,0.6);
    z-index:1001;
}

#textPerc{
    font-size:30px;
    color:white;
}
.card-content p{
  text-align:left;
}
#snd{
	color:black;
}
#results,#q{
	color:white;
}
.circle{
	width:56px;
	height:56px;
}
.quality-label{
	color:white!important;
}
::selection {
  background: #0d47a1;
}
::-moz-selection {
  background: #0d47a1;
}
.g-recaptcha iframe{
	max-width:100%;
}
#captcha{
	overflow:hidden;
	padding-left:0;
}
.g-recaptcha > div:first-of-type{
	width:100%!important;
}
#instagram{
	border-radius:3px;
    border:solid white 2px;
    padding:5px;
    background-color:red;
	display:inline-block;
}
.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#submitform{
	margin: auto;
    width: 70%;
}

@media only screen and (max-width: 600px) {
  /* put your css styles in here */
  
  #submitform{

    width: 100%;
}
}