.bottom-container {
    width: 100%;
    height: 100%;
    padding: 0 1em;
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 7em 0 3em 0;
}


.bottom-box {
    flex: 1;
    max-width: 30%;
    font-size: 120%;
}

.bottom-box p {
    margin: 3% 5%;
}


.before-text {
        color: #1bd662;
}

.foot-img2 {
    width: 50%;
    border: 2px solid white;
    box-shadow: 0px 1px 5px -1px #7a7a7a;
    -webkit-box-shadow: 0px 1px 5px -1px #7a7a7a;
    display: table;
    margin: auto;
}


.foot-text {
    text-align: center;
}

.footer-logo {
    width: 150px;
    margin: 1em 0 -2em 0;
}

.bottom-h3 {
    color: #1bd662;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 130%;
    text-align: center;
}


.hr5 {
    width: 90%;
    border-top: 1px dashed #e6e6e6;
}

.banner {
     box-shadow: 0px 3px 7px -3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 3px 7px -3px rgba(0, 0, 0, 0.6);
    width:90%; 
}

@media (max-width: 900px) { 
.banner {
    width: 100%;
}
}

@media (max-width: 540px) { 

    .bottom-container {
    flex-direction: column;
    margin: 7em 0 .5em 0;}

    .bottom-box {
    flex: 1;
    max-width: 100%;
    margin-bottom: 15%;}
}