/* --- start of footer & copyright --- */
footer {
    background-color: #304a62;
    color: white;
    padding: 30px 0;
}

.page_copyright {
    background-color: #0c1f45;
    padding: 10px;
}

.page_copyright p, footer, .widget a  {
    color: #dddddd;
    font-size: 13px;
}

.page_copyright a {
    color: white;    
    padding: 0;
    font-weight: 700;
    font-size: 13px;
}

/* --- end of footer & copyright --- */

/* --- start of home page --- */

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 10px;
  padding: 10px;
}

.grid-container > div {
  text-align: left;
  padding: 30px;
  border: 1px solid #c3c3c3;
  cursor: pointer;
}

.grid-container > div:hover {
    -webkit-box-shadow: 10px 10px 19px -4px rgba(150,150,150,0.75);
    -moz-box-shadow: 10px 10px 19px -4px rgba(150,150,150,0.75);
    box-shadow: 10px 10px 19px -4px rgba(150,150,150,0.75);
    transition-duration: 1s;
}

.grid-container p {
    font-size: 15px;
}

.item1 { grid-area: 1 / 3 / 2 / 4; }
.item2 { grid-area: 2 / 3 / 3 / 4; }
.item3 { grid-area: 1 / 1 / 2 / 3; }
.item4 { grid-area: 1 / 2 / 2 / 3; }
.item5 { grid-area: 2 / 1 / 3 / 2; }
.item6 { grid-area: 2 / 2 / 3 / 3; }

/* --- end of home page --- */

/* --- start of common css --- */

.button-style a, .button-style button {
    background: #0c1f45;
    border: 1px solid #0c1f45;
    padding: 10px 20px;
    margin-top: 3%;
    border-radius: 5px;
    color: white;
}

.button-style a:hover, .button-style button:hover {
    background: white;
    transition: 0.7s;
    color: #0c1f45;
}

.mt-5 {
    margin-top: 5%;
}

.no-padding {
    padding: 0;
}

.entry-title {
    text-align: center;
    font-weight: 400;
    margin-bottom: 0;
    color: #0c1f45;
}

/* --- end of common css --- */

@media screen and (max-width: 991px) {
    .page_header {
        padding: 15px 0;
    }
}