body {
    background-color: #333333;
}

.center-pic img {
    width: 100%;
    height: auto;

}

/* --------- Grid Layout ---------*/

/* Set grid size */
:root {
    --n-rows: 7;
    --n-columns: 10;
}

/* Should not need to edit the below */
.grid {
    background-color: #666666;
    grid-auto-flow: row dense;
    --bs-columns: var(--n-columns);
    --bs-rows: var(--n-rows);

}


.center-pic {
    background-color: #666666;
    grid-column-start: 2;
    grid-column-end: span calc(var(--n-columns) - 2);
    grid-row-start: 2;
    grid-row-end: span calc(var(--n-rows) - 2);
    object-fit: contain;
    margin-bottom: 15px;
    margin-top: -15px;

}

.top-row {
    grid-row-start: 1;
}

.left-column {
    background-color: yellow;
    grid-column-start: 1;
}

.right-column {
    background-color: limegreen;
    grid-column-start: var(--n-columns);
}

.bottom-row {
    grid-row-start: var(--n-rows) ;
}
/* end */


header, .bottom-menu{
    background: #fff;
}

/* --------- Header style ---------- */
.head-logo{
    background-image: url("/images/ftuy15.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 4rem 0;

}

.head-logo h1, p{

    color: #fff;
    font-family: "Droid Sans";
}

.head-logo h1::before{
    border-top: 2px solid #fff ;
    width: 100px;
}

 .nav-link{
    font-weight: 500;
    text-transform: uppercase;
    font-family: poppins;
    font-size: 1rem;
}
.navbar{
    border-top:7px solid #4d5154;
    border-bottom: 2px solid #4d5154;
}

.menu-text{
    font-family: poppins;
    color: #000;
    font-size: 1rem;
}


/* --------- End header style --------- */
.parent-style{
    padding-right: 1rem;
    padding-left: 1rem;
}
.parent-style > .top-row img, .bottom-row img, .left-row img, .right-row img {
    width: 83px !important ;
    height: 83px !important;
    object-fit: cover;
    cursor: pointer;
    overflow: hidden;
    border-radius: 0;

    border: 1px solid #bebebf;
}
/* --------- Footer style --------- */
.navbar-footer{
    border-top:2px solid #4d5154;
    border-bottom: 7px solid #4d5154;
}
.social-footer{
    background: #565656;
}

.social-text{
    color: #fff;
    padding-right: 10px;
    font-size: 1.5rem;
    font-family: poppins;
}

.social-text:after{
    content: ":";
}

.follow-me {
    list-style: none;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding: 0;
}
.follow-me li {

    margin: 0 8px 8px 0;
    padding: 0;
}
.follow-me li a::before {
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    width: 34px;
}

.follow-me li a[href*="facebook.com"]::before{
    border-color: #3b5998;
    background-color: #3b5998;
    content: "\f09a";
}
.follow-me li a:hover::before {
    background-color: #fff;
}

.follow-me li a[href*="facebook.com"]:hover::before{
    color: #3b5998;
}

.copyright{
    background: #565656;
    border-top:1px dashed #FFFFFF;
}
.copyright p{
    font-size: 0.8rem;
    font-family: poppins;
}

#text-center {
    text-align: center;
}