.blue-message {
  background: none repeat scroll 0 0 #3399ff;
  color: #ffffff;
  text-shadow: none;
  font-size: 14px;
  line-height: 24px;
  padding: 10px;

}.green-message {
  background: none repeat scroll 0 0 #8cc14c;
  color: #ffffff;
  text-shadow: none;
  font-size: 14px;
  line-height: 24px;
  padding: 10px;

}.orange-message {
  background: none repeat scroll 0 0 #faa732;
  color: #ffffff;
  text-shadow: none;
  font-size: 14px;
  line-height: 24px;
  padding: 10px;

}.red-message {
  background: none repeat scroll 0 0 #da4d31;
  color: #ffffff;
  text-shadow: none;
  font-size: 14px;
  line-height: 24px;
  padding: 10px;

}.grey-message {
  background: none repeat scroll 0 0 #53555c;
  color: #ffffff;
  text-shadow: none;
  font-size: 14px;
  line-height: 24px;
  padding: 10px;

}.left-block {
  background: none repeat scroll 0 0px, radial-gradient(ellipse at center center, #ffffff 0%, #f2f2f2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #8b8e97;
  padding: 10px;
  margin: 10px;
  float: left;

}.right-block {
  background: none repeat scroll 0 0px, radial-gradient(ellipse at center center, #ffffff 0%, #f2f2f2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #8b8e97;
  padding: 10px;
  margin: 10px;
  float: right;

}.blockquotes {
  background: none;
  border-left: 5px solid #f1f1f1;
  color: #8B8E97;
  font-size: 14px;
  font-style: italic;
  line-height: 22px;
  padding-left: 15px;
  padding: 10px;
  width: 60%;
  float: left;

}

@media (max-width: 767px) {
  .logo-image img, #t3-footer img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  #t3-footer ul {
    margin: 0;
  }

  #t3-footer ul li {
    font-size: 14px;
  }

  #t3-footer ul li a {
    font-size: 4vw;
  }

  #aikon_paralax_150-outer-container, #aikon_paralax_150 {
    height: 785px !important;
  }
}