.bottomMargin20{
  margin-bottom: 20px;
}
.modal-content{
  color: #fff;
  text-align: center;
  background: rgb(221,22,45);
  background: -moz-radial-gradient(center, ellipse cover, rgba(221,22,45,1) 0%, rgba(182,23,41,1) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(221,22,45,1) 0%,rgba(182,23,41,1) 100%);
  background: radial-gradient(ellipse at center, rgba(221,22,45,1) 0%,rgba(182,23,41,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd162d', endColorstr='#b61729',GradientType=1 );
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

.modal_logo{
  text-align: right;
}
.modal-header{
  border-bottom: 1px solid transparent;
}
button.close{
  opacity: 1;
  color: #fff;
}
.make_it{
  border-left: 1px solid #fff;
  height: 117px;
} 
.make_it h1{
  margin-top: 5px;
  font-size: 48px;
  text-align: left;
}
h1 small{
  font-size: 100%;
  color: #fff;
}
h1 small::before{
    content: "\A";
    white-space: pre;
}
.take_survey{
  font-size: 24px;
}
.no_thanks{
  color: #fff;
  font-size: 12px;
}
.no_thanks:hover{
  color: #EEEEEE;
  text-decoration: none;
}

.container-fluid {
  max-width: 700px; }

@media all and (max-width: 767px) {
  .modal_logo{
    text-align: center;
  }
  .make_it{
    border-left: none transparent;
    text-align: center;
  }
  .make_it h1{
    text-align: center;
  }
  .btn{
    white-space: normal;
  }
}