.banner-p {
    width: 98%;
    /*max-width: 1300px;*/
    margin: 0px auto;
    display: flex;
}

.banner-p img {
    border-radius: 5px 5px 5px 5px;
    margin: 5px auto;
    width: 98%;
    max-width: 1300px;
}

div.blk {
    /*background: #95a5a6;*/
    width: 98%;
    max-width: 1300px;
    margin: 5px auto;
    border-radius: 5px 5px 5px 5px;
}

.blk h2 {
    display: inline-block;
    background: #34495e;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    margin-left: 10px;
    margin-top: 10px;
}

.sadmin {
    margin: 5px center;
    width: 99%;
    max-width: 1300px;
    display: flex;
    flex-flow: row wrap;
    flex-wrap: wrap;
    justify-content: space-around;
}

div.img img {
    width: 210px;
}

.hges {
    margin-left: 10px;
    width: 99%;
    max-width: 1300px;
    display: flex;
    /*flex-flow: row wrap;*/
    flex-wrap: wrap;
    justify-content: space-around;
}

.suite {
    margin: 5px center;
    width: 99%;
    max-width: 1300px;
    display: flex;
    flex-flow: row wrap;
    flex-wrap: wrap;
    justify-content: space-around;
}

.sut {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.text {
    display: flex;
    justify-content: space-around;
}

.fx {
    background: #607D8B;
    margin: 5px 5px;
    width: 600px;
    height: 550px;
    max-height: 850px;
    box-shadow: 2px 2px 7px #827272;
    display: flex;
    flex-flow: row wrap;
}

.fx h3 {
    width: 90%;
}

.fx p {
    width: 50%;
    margin-top: 10px;
}

div.link {
    background: #455A64;
    border-radius: 5px;
    width: 150px;
    height: 30px;
    text-align: center
}

div.link a {
    text-decoration: none;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
}

.fx .link:hover {
    background: #757575;
}

.bs h3 {
    border-bottom: 7px solid #BCA50A;
    height: 30px;
}

.hac h3 {
    border-bottom: 7px solid #BC0202;
    height: 30px;
}

.pt h3 {
    border-bottom: 7px solid #D88307;
    height: 30px;
}

.con h3 {
    border-bottom: 7px solid #059130;
    height: 30px;
}

.nom h3 {
    border-bottom: 7px solid #BDDB09;
    height: 30px;
}

.suc h3 {
    border-bottom: 7px solid #BCA50A;
    height: 30px;
}

.sut h3 {
    border-bottom: 7px solid #141414;
    height: 30px;
}

.ht h3 {
    border-bottom: 7px solid #B5B5B5;
    height: 30px;
}

.ayb h3 {
    border-bottom: 7px solid #FFF82E;
    height: 30px;
}

.imp h3 {
    border-bottom: 7px solid #3E0533;
    height: 30px;
}

.rma h3 {
    border-bottom: 7px solid #47989b;
    height: 30px;
}

.mag h3 {
    border-bottom: 7px solid #1963AE;
    height: 30px;
}

.st h3 {
    border-bottom: 7px solid #141414;
    height: 30px;
}

.admin-contab h3 {
    border-bottom: 7px solid #1963AE;
    height: 30px;
}

.bs p {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
}

@media (max-width:768px) {
    .banner-p img {
        width: 98%;
        max-width: 768px;
        margin: 0px auto;
        display: flex;
    }
    @media (max-width:500px) {
        .banner-p img {
            width: 98%;
            max-width: 500px;
            margin: 0px auto;
            display: flex;
        }
        .fx {
            width: 100%;
        }
        .fx h3 {
            width: 90%;
            height: 50px;
        }
        div.img {
            margin-top: 15px;
        }
    }
    @media (max-width:360px) {
        .banner-p img {
            width: 98%;
            max-width: 360px;
            margin: 0px auto;
            display: flex;
        }
        .fx {
            background: #757575;
            margin: 5px 5px;
            width: 360;
            height: 100%;
            box-shadow: 7px 7px 12px #827272;
            display: flex;
            flex-flow: column wrap;
            flex-wrap: wrap;
        }
    }