/*---------element----------- footer ------------------*/
.cynfooter div, footer nav {
    width:100%;
    padding:30px;
}
.cynfooter nav {
    display:none;
}
.cynfooter h4 {
    color:#7195BC;
}
.cynfooter ul {
    display:flex;
    margin-top:10px;
    height:30px;
    list-style-type: none;
}
.cynfooter ul a{
    padding:12px 20px 12px 0px;
    height:30px !important;
}
.cynfooter a {
    color:#3a3a3a;
}
.cynfooter a:hover {
    color:#E5886E;
}
@media (min-width: 770px) {
    .cynfooter {
        display:flex!important;
    }
    .cynfooter nav {
        display:block;
        border-right: 5px solid #3a3a3a!important;
    }
}
/*---------------Frames--------------------*/
.border-top {
    border-top: 5px solid #3a3a3a!important;
}
.border-bottom {
    border-bottom: 5px solid #3a3a3a!important;
}
.add-inner-padding {
    padding:30px;
}
.project-inner-content {
    margin:0px auto!important;
    padding:0px 70px;
    max-width:860px;
}
.flex-container {
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    justify-content:space-evenly;
    border-left: 2px solid #3a3a3a;
    border-right: 2px solid #3a3a3a;
    margin-left: 30px;
    margin-right: 30px;
}
.flex-top {
    border-top: 2px solid #3a3a3a;
}
.flex-bottom {
    border-bottom: 2px solid #3a3a3a;
}
.flex-container > div {
    border: 3px solid #3a3a3a;
    padding: 30px;
    min-width:170px;
    flex-grow:1;
}
.flex-4-even > div {
    width:25%;
}
.flex-container > div > *{
    max-width:500px;
}
.flex-container ul, .flex-container p {
    list-style-type: none;
    margin-top:15px;
}
.flex-container li {
    margin-top:8px;
}
/* large */
@media (min-width: 1280px) {
    /* footer */
    footer div, footer nav {
        padding:100px 60px;
    }
}