body.auto-responder {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

body.auto-responder footer.footer {
    flex: 1;
}

.container.position-relative span.parallelogram-left.downy {
    top: -110px;
    right: -2px;
}

.container.position-relative span.triangle-up.lite-chambray {
    top: -110px;
    right: 55px;
}

span.triangle-up.lite-chambray {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 35px solid #3153bb;
}

span.parallelogram-left.downy {
    position: absolute;
    width: 55px;
    height: 75px;
    transform: skew(36deg);
    background: #5fd7ad;
}

section.background-grey {
    overflow: visible;
}

section.background-grey ul {
    list-style-type: disc;
    text-align: left;
}

section.main img {
    float: right;
}

.border-coral {
    background: #FFF;
}

section.background-light-blue {
    background-color: #DDF4F9;
}

section.background-light-blue p {
    color: #2a3690;
}

section.background-light-blue p a {
    color: #2a3690;
    text-decoration: underline;
}

a.btn.coral {
    display: block;
    margin: 35px auto 25px;
    text-align: center;
    max-width: 225px;
}

/* Media Queries
-------------------------------------------------- */
/*Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 768px) { 
    section.main img {
        max-width: 100%;
        padding-left: 0 !important;
    }
    section.background-light-blue .col {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .row.what-forms .col-md-4 .form-group.last,
    .row.what-service .col-md-4 .form-group.last {
        margin-bottom: 0 !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
    .container.position-relative span.parallelogram-left.downy {
        top: -85px;
    }
    .container.position-relative span.triangle-up.lite-chambray {
        top: -85px;
    }
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }