body { font-family: 'Open Sans';font-size: 14px;color: #000; background-image: linear-gradient(180deg, rgba(255,255,255,1), rgba(238,243,250,1)); }
* {padding: 0;margin: 0; }
ul, li, a, img {text-decoration: none;margin: 0;padding: 0;list-style: none;outline: none;outline-offset: none; }
a:hover, a:focus {outline-offset: none;text-decoration: none;outline: none; }



/*# sourceMappingURL=style.css.map */
.header{
    /*background-image: url(../images/logo.png);*/
/*  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  height: 271px;
  margin-left: auto;
  margin-right: auto;
  background-size:auto;
background-position:center;*/
    padding: 25px 0 0 0;
    text-align: center;
 }

.content { margin:50px 0; padding:0; }
.content h1 { margin:0; font-size:36px; color:#1d1d1f; font-family:'Open Sans'; text-align:center; text-transform:uppercase; padding:0 0px; line-height:50px; }
.content p { margin:0; font-size:16px; color:#656566; font-family:'Open Sans'; text-align:center; padding:0 0px; }

.projects { margin:0 10px 0 0; padding:10px; text-align:left;}
.projects h1 { margin:20px auto; font-size:18px; color:#1d1d1f; font-family:'Open Sans'; text-align:left; text-transform:uppercase; padding:0; line-height:20px; }
.projects img { width:100%; }
.projects p { margin:20px auto; font-size:13px; color:#656566; font-family:'Open Sans';  padding:0; }
.projects button { background:#b0a8ab; color:#333; font-size:14px; border-radius:3px; margin:10px 0; padding:10px 20px; border:none; text-transform:uppercase; }
.projects button:hover { background:#891739; color:#ffffff; font-size:14px; border-radius:3px; margin:10px 0; padding:10px 20px; border:none; text-transform:uppercase; }

.footer { background:#103a71; color:#ffffff; font-size:14px; padding:20px 0; margin:0; font-family:'Open Sans'; text-align:center;}

@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

/*======================================
   Start Mid Banner CSS
========================================*/
.midium-banner {
    background: #eef3fa;
    padding: 40px 0;
}
.midium-banner .single-banner img {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    /* transition: all 0.4s ease; */
}
.contentperagraph {
    box-shadow: 0px 0 6px #ccc;
    background: #fff;
    padding: ;
    margin: 0 0 30px 0;
    min-height: 397px;
    position: relative;
}
.paragrahp-content {
    padding: 20px;
    margin-bottom: 15px;
}
.heading-project span {
    font-size: 19px;
}
.heading-project {
    padding: 20px 0 20px 0;
}
.single-banner {
    padding: 20px 0 0 0;
    text-align: center;
}
.paragrahp-btn {
    text-align: right;
    padding: 0 0 7px 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

.paragrahp-btn a {
    padding: 7px 20px 8px 20px;
    background: #000;
    color: #fff;
}
/*======================================
   End Mid Banner CSS
========================================*/

/*.single-banner img {width: 100%;}*/

@media only screen and (max-width: 600px) {
    .content h1 {
        font-size: 23px;}

    .content {
        margin: 20px 0px 20px 0;
        padding: 10px;
}
}