p.footer {
  font-family: proxima-nova, sans-serif;
  font-weight: 100;
  font-size: 12px;
}

div.layout {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /*background-color: #f1f5f8;*/
  height: 100vh;
  padding-top: 40px;
}

div.quote-left {
  position: relative;
  display: flex;
  flex-direction: row;
  /*width: 700px;*/
  min-height: auto;
  max-height: auto;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 15px gray;
  margin-bottom: 60px;
}
div.quote-left div.quote-image {
  width: 25%;
  height: inherit;
  background-image: url(../images/home/color.png);
  background-position: center;
  background-size: cover;
  border-radius: 16px 0px 0px 16px;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}
div.quote-left div.quote-circle {
  position: absolute;
  left: 230px;
  top: 80px;
  z-index: 10;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: white;
  color: #2b457d;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

div.quote-circle-inner {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-shadow: 0px 0px 10px #0a2f6a;
}

div.quote-text {
  flex: 1;
  padding: 10px 30px 10px 25px;
  border-radius: 0px 16px 16px 0px;
  color: black;
  font-family: 'Montserrat', sans-serif;
  /*font-style: italic;*/
  font-size: 15.5px;
  font-weight: 500;
  line-height: 22px;
}
div.quote-text div.quote-author {
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #0a2f6a;
}

div.quote-right {
  position: relative;
  display: flex;
  flex-direction: row;
  /*width: 700px;*/
  max-height: auto;
  min-height: auto;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 15px gray;
  margin-bottom: 60px;
}
div.quote-right div.quote-image {
  width: 25%;
  height: inherit;
  background-image: url(../images/home/color.png);
  background-position: center;
  background-size: cover;
  border-radius: 0px 16px 16px 0px;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}
div.quote-right div.quote-circle {
  position: absolute;
  right: 230px;
  top: 80px;
  z-index: 10;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: white;
  color: #0a2f6a;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
div.quote-right div.quote-circle div.quote-circle-inner {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-shadow: 0px 0px 10px #0a2f6a;
}
div.quote-right div.quote-text {
  flex: 1;
  padding: 10px 20px 10px 25px;
  border-radius: 0px 16px 16px 0px;
  color: black;
  font-family: 'Montserrat', sans-serif;
  /*font-style: italic;*/
  font-size: 15.5px;
  font-weight: 500;
  line-height: 22px;
}
div.quote-right div.quote-text div.quote-author {
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #0a2f6a;
}

@media (min-width: 768px) and (max-width: 2500px) { 
  .break-quote {
    margin-top: -150px !important;
  }
}