body {
    background: #fafbfc;
    font-family: 'Open Sans', sans-serif;

}

.info-block {
    min-height: 600px;
    padding: 40px;
    padding-top: 60px;
    margin-bottom: 30px;
    background: #02aab0; /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #02aab0, #00cdac); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #02aab0, #00cdac); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.navbar {
    border-bottom: 1px solid #E4EDF5;
}

.signup {
    margin-top: 30px;
    border-radius: 30px;
    background: #ED7B65;
    color: #FFF;
    border-color: #FFF;
    border-width: 2px;
    white-space: normal;
}

.signup a {
    color: #FFF !important;
     word-break: break-all;
}

.signup:focus, .signup:hover {
    background: #d04c32;
    border-color: #FFF;
}

.content {
    margin: 0 auto;
    max-width: 1000px;
 }

 .container {
    max-width: 1000px;
 }

.info-block h2, .info-block h5{
    text-align: center;
    color: #FFF;
}

nav{
    background: #FFF;
}

hr {
    background: #FFF;
}
.speech-bubble {
    position: relative;
    background: rgba(0,0,0,0.3);
    border-radius: .4em;
    color: #444;
    margin-top: 30px;
    min-height: 100px;
    padding: 15px 25px;
    font-size: 1.1em;
    font-style: italic;
    color: #FFF;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.speech-bubble.left:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-right-color: rgba(0,0,0,0.3);
    border-left: 0;
    border-bottom: 0;
    margin-top: -10px;
    margin-left: -20px;
}


.speech-bubble.right:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left-color: rgba(0,0,0,0.3);
    border-right: 0;
    border-bottom: 0;
    margin-top: -10px;
    margin-right: -20px;
}

.cards {
    padding-top: 35px;
    padding-bottom:50px;
}


.cards .card {
    text-align: center;
    min-height: 188px;
}


.card {
    background: #FFF;
    display: block;
    padding: 25px;
    text-decoration: none;
    margin-bottom: 30px;
    border: 1px solid #E4EDF5;
}

.more>h5 {
    margin-top: 60px;
}
.center {
    text-align: center;
}

.footer {
    background: #FFF;
    padding: 20px;
    border-top: 1px solid #E4EDF5;
}

.footer a {
    color: #999;
}
.margin-top {
    margin-top: 30px;
}