/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 30%;
margin-right: 3%;
height:100%;
text-align: center;
}

.mobile-quote {
visibility: hidden;
display: none;
width: 0px;
height: 0px;
}

.column-bottom {
float: left;
width: 30%;
margin-right: 1.5%;
margin-left: 1.5%;
height:100%;
}

.arrow {
float: right;
width:100%
height:100%;
padding: 0px 60px 0px 20px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
  .column {
width: 70%;
height: 70%;
padding: 10px;
margin-left: 15%
margin-right: 15%
text-align: center;
  }

.mobile-quote {
visibility: visible;
display: block;
width: 80%;
height: 80%;
margin: auto;
}

  .arrow {
display:none;
  }

  .column-bottom {
width: 90%;
height: 90%;
padding: 10px 10px 10px 10px;
margin: 1% 5% 1% 5%;
  }
}

.wrapper{
width: 100%;
height: 100%;
}