.menu {font-family: 'Open Sans', sans-serif;}
.menu img { display:block; margin:auto; width:180px; height:57px;}
.menu li {padding:7px;}
.menu li a { font-size:15px; color:#004aad; font-weight:500; text-align:center;}
.menu button {padding:0px;}
@media (max-width: 858px)
{
.menu img { float:left; width:170px; height:54px;}
.menu li a {padding:0px;}
}
.banner {font-family: 'Open Sans', sans-serif; background:#224472; padding:100px 0px;}
.banner h1 {font-size:25px; color:#f2c908; font-weight:500; text-align:center; text-transform:uppercase;}
@media (max-width: 858px)
{
.banner {padding:40px 0px;}
}

.blog {margin-top:20px; margin-bottom:20px; font-family: 'Roboto', sans-serif;}
.blog img { display:block; margin:auto; width:396px; height:223px;}
.blog h2 {font-size:16px; line-height:30px; font-weight:500;  color:#292929; text-align:left; margin-top:10px; text-transform:uppercase;}
.blog h2 a {color: #292929; text-decoration:none;}
.blog p { font-size: 14px; line-height:26px; font-weight: 400;  color: #2d2e2e; text-align:left; }
.blog h3 { font-size: 14px; line-height:26px; font-weight: 400;  color: #fff; text-align:right; float:right; background:#de2051; padding:3px;}
.blog h3 a {color: #fff; text-decoration:none;}
.blog-box {
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 0px 35px 0px rgb(40 44 71 / 15%);
    height: auto;
    padding: 10px;
    margin-bottom: 10px;
    min-height:480px;
}
@media (max-width: 858px)
{
.blog-box {min-height:500px;}
.blog img { width:356px; height:200px;}
}
.single-blog  img { display:block; margin:auto; margin-top:20px; margin-bottom:20px; width:856px; height:482px; }
.single-blog h2 {font-size:25px; line-height:30px; font-weight: 400;  color: #414f61; text-align:left; }
.single-blog h3 {font-size:20px; line-height:30px; font-weight: 500;  color: #292929; text-align:left;}
.single-blog  p { font-size: 15px; line-height:26px; font-weight: 400;  color: #292929; text-align:left; }
.single-blog  li { font-size: 15px; line-height:26px; font-weight: 400;  color: #292929; text-align:left;}

@media (max-width: 858px)
{
.single-blog  img {width:376px; height:212px;}
}
.footer {font-family: 'Open Sans', sans-serif; background:#252d36; padding:10px 0px;}
.footer img { display:inline; margin:auto; width:24px; height:24px; margin:5px;}
.footer h2 {font-size:15px; color:#ffffff; font-weight:500; text-align:left; text-transform:capitalize; margin-top:20px;}
.footer h2:after {content:" "; display: block; height: 2px; width:70px; background: #ffde00; margin-top:10px;}
.footer h3 {font-size:15px; color:#ffffff; font-weight:400; text-align:left; margin-top:20px;}
.footer p {font-size:14px; color:#ffffff; font-weight:400; text-align:left; text-transform:capitalize; letter-spacing:1px;}
.footer ul {padding:15px;}
.footer li {font-size:14px; color:#ffffff; font-weight:300; text-align:left; list-style-image:url(../images/arrow-right.png); line-height:30px;}
.footer li a {color:#ffffff; text-decoration:none;}
@media (max-width: 858px)
{
.footer {padding:20px 0px;}
}

.copy {font-family: 'Open Sans', sans-serif; background: #1f262f; fill: #1f262f; padding:5px 0px 0px 0px;}
.copy p {font-size:14px; color:#ffffff; font-weight:400; text-align:left; text-transform:capitalize; letter-spacing:1px;}
@media (max-width: 858px)
{
.copy p {text-align:center;}
}