body, html{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    background: url(../images/background.jpg);
    margin: 0;
    padding: 10px 20px 20px 20px;
    font-family: 'Open Sans', sans-serif;
}

samp {
    font-size: 1.3em;
}
h1{
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
}
a {
    color: rgb(33, 147, 205);
}
a:hover, a:focus, a:action {
    color: rgb(33, 147, 205);
}
sup a {
    text-decoration: none;
}
.card-wrapper{
  padding: 20px;
}
.card{
  margin: 5% auto 20px;
  max-width: 800px;
}

.card-header{
  padding: 20px;
  color: #fff;
  background: rgb(33, 147, 205);
  text-align: center;
}
.card-body{
  padding: 20px;
  background: #fff;
}

.submit_button{
  margin-top: 20px;
  padding: 10px 20px;
  border: 2px solid rgb(33, 147, 205);
  color: rgb(33, 147, 205);
  background: transparent;

  border-radius: 0px;
  box-shadow: none;
  text-shadow: none;
  font-size: 18px;
}

.submit_button :hover{
  color: white !important;
  background: rgb(33, 147, 205) !important;
  cursor: hand;
  cursor: pointer;
}

.clear_button{
  padding: 0px;
  border: none;
  color: #b1b1b1;
  background: transparent;
  border-radius: 0px;
  box-shadow: none;
  text-shadow: none;
  font-size: 14px;
}

.clear_button :hover{
  text-decoration: underline;
  cursor: hand;
  cursor: pointer;
}

.message-wrapper{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.message-image{
  width: 25%;
  text-align: center;
}

.message-image img{
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #eee;
}
.message-text{
  flex: 1
}
.message-text-inner{
  padding: 20px;
}

@media (max-width: 600px) {


  .message-wrapper{
    display:block;
  }
  .message-image{
    width: 100%;
    text-align: center;
  }


}