#image{
    width: 200px;
    font-weight: 400;
    font-style: italic;
    font-size: x-large;
     border: #ddd 1px solid;
    border-radius: 4px;
    text-align:center;
    background:#ffffff; 
    position: absolute;     
}
#user-input{
    /* box-shadow: 5px 5px 5px 5px gray;
    width:auto;
    margin-right: 10px;
     margin-top:16px;
  	padding: 10px;
    padding-bottom: 0px;
    height: 40px; */
    border: red 0px solid;
}
input{
    border:1px black solid;
}
.inline{
    display:inline-block;
}
#btn{
    box-shadow: 5px 5px 5px grey;
    color: aqua;
    margin: 10px;
    background-color: brown;
}
.fa-sync:before {
    content: "\f021";
    color: green;
}
.captcha {
	background: #f2f5f9; 
	/* position:relative; */ 
	border: solid 1px #eee;
	border-radius: 4px;
	/* padding: 20px 0px 10px 25px; */
}

.captcha-main{
	display:flex;
}

.captch-inner{
	display:flex;
	align-items:center;
} 
 
@media screen and (max-width: 1100px) {
  
  /* .captcha-main{
  	flex-direction:column;
  } */  
  .captch-inner{
  	margin-top:20px;
  }
  .captcha{
  	display:flex;
	align-items:center;
	flex-direction:column;
  }

  #user-input {
    width: 100%;  
    margin-bottom: 10px;  
  }

  #image {
    width: 100%;  
    position: static;  
  }

  .captcha-refresh {
    width: 10%; 
    text-align: center;
    padding: 5px;
    cursor: pointer;
    color:black;
  }
}