@import url("https://fonts.googleapis.com/css?family=Raleway");

body {
  padding: 0;
  margin: 0;
  background: #cec4c4;
}
html,
h1,
h2,
h3,
h4,
h5,
h6,
a {
  font-family: "Raleway";
}
.navbar {
  background: #81365b;
}
.nav-link,
.navbar-brand {
  color: #cec4c4;
  cursor: pointer;
}
.nav-link {
  margin-right: 1em !important;
}
.nav-link:hover {
  background: #cec4c4;
  color: #81365b;
}
.navbar-collapse {
  justify-content: flex-end;
}
.navbar-toggler {
  background: #cec4c4 !important;
}

/*header style*/
.header {
  position: relative;
  background-image: url("../images/headerback.jpg");

  background-size: cover;
  background-position: center;
}
.overlay {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  left: 0;
  top: 0;
  background: rgba(244, 244, 244, 0.79);
}
.description {
  position: absolute;
  top: 30%;
  margin: auto;
  padding: 2em;
}
.description h1 {
  color: #81365b;
}
.description p {
  color: #000000;
  font-size: 20px;
  width: 50%;
  line-height: 1.5;
}
.description button {
  border: 1px solid #81365b;
  background: #81365b;
  color: #cec4c4;
}
.about {
  margin: 4em 0;
  padding: 1em;
  position: relative;
}
.about h1 {
  color: #81365b;
  margin: 2em;
}
.about img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.about span {
  display: block;
  color: #888;
  position: absolute;
  left: 115px;
}
.about .desc {
  padding: 2em;
  border-left: 4px solid #145275;
}
.about .desc h3 {
  color: #145275;
}
.about .desc p {
  line-height: 2;
  color: #000000;
}

/*Portfolio*/
.portfolio {
  margin: 4em 0;
  position: relative;
}
.portfolio h1 {
  color: #81365b;
  margin: 2em;
}
.portfolio img {
  height: 15rem;
  width: 100%;
  margin: 1em;
}

/*blog style*/

.blog {
  margin: 4em 0;
  position: relative;
}
.blog h1 {
  color: #81365b;
  margin: 2em;
}
.blog .card {
  box-shadow: 0 0 20px #00001c;
}
.blog .card img {
  width: 100%;
  height: 12em;
}
@media screen and (max-width: 768px) {
  .team .item img {
    width: 100%;
  }
}
.blog .card-title {
  color: #81365b;
}
.blog .card-body {
  padding: 1em;
}

.contact-form {
  margin: 6em 0;
  position: relative;
}
.contact-form h1 {
  padding: 2em 1px;
  color: #81365b;
}
.contact-form .right {
  max-width: 600px;
}
.contact-form .right .btn-secondary {
  background: #81365b;
  color: #fff;
  border: 0;
}
.contact-form .right .form-control::placeholder {
  color: #888;
  font-size: 16px;
}

.my-links {
  margin-right: 15px;
}
.my-links ul li {
  display: inline-block;
  margin: 0px;
  padding: 0px 10px;
  -webkit-transition: all 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition: all 0.2s;
  transition-timing-function: ease-out;
}
.my-links img {
  border-radius: 50%;
  background-color: white;
}