@import url("https://fonts.googleapis.com/css?family=Raleway");
body {
  padding: 0;
  margin: 0;
  background: #f4f4f4; }

html, body, h1, h2, h3, h4, h5, h6, a {
  font-family: "Raleway" !important; }

.navbar {
  background: #F97300; }

.nav-link, .navbar-brand {
  color: #f4f4f4;
  cursor: pointer; }

.nav-link {
  margin-right: 1em !important; }

.nav-link:hover {
  color: #F97300 !important; }

.navbar-collapse {
  justify-content: flex-end; }

.navbar-toggler {
  background: transparent !important; }

.pm-navbar {
  opacity: 1.0; }

.pm-logo {
  max-width: 200px; }

/*jumbotron style*/
.jumbotron {
  position: relative;
  background-image: url("../../images/webdesk.jpg");
  background-size: cover;
  background-position: top;
  border-radius: 0; }

.overlay {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  left: 0;
  top: 0;
  background: rgba(244, 244, 244, 0.79); }

.description {
  position: relative;
  top: 30%;
  margin: auto;
  padding-top: 8em; }
  .description p {
    color: #10828C;
    font-size: 24px;
    line-height: 1.5; }

.description h1 {
  color: #F97300;
  font-weight: bolder; }

.desc-p {
  margin-top: 2em; }

.description button {
  border: 1px  solid #F97300;
  background: #F97300;
  color: #fff; }

.about {
  margin: 4em 0;
  padding: 1em;
  position: relative; }

.about h1 {
  color: #F97300;
  margin-top: 3em;
  margin-bottom: 1em; }

.about img {
  width: 100%;
  border-radius: 50%; }

.about span {
  display: block;
  color: #888;
  position: absolute;
  left: 115px; }

.about .desc {
  padding: 2em;
  border-left: 4px solid #10828C; }

.about .desc h3 {
  color: #10828C; }

.about .desc p {
  line-height: 2;
  color: #888; }

.services {
  margin: 4em 0;
  padding: 1em;
  position: relative; }

.services h1 {
  color: #F97300;
  margin-top: 3em;
  margin-bottom: 1em; }

.services img {
  height: 100%;
  width: 100%;
  border-radius: 50%; }

.services span {
  display: block;
  color: #888;
  position: absolute;
  left: 115px; }

.services .desc {
  padding: 2em;
  border-left: 4px solid #10828C; }

.services h2 {
  color: #10828C; }

.services p {
  line-height: 2;
  color: #888;
  margin-bottom: 0; }

.services .first-row {
  margin-bottom: 1em; }

.pricing {
  margin: 4em 0;
  padding: 1em;
  position: relative; }

.pricing h1 {
  color: #F97300;
  margin-top: 3em;
  margin-bottom: 1em; }

.pricing img {
  height: 100%;
  width: 100%;
  border-radius: 50%; }

.pricing span {
  display: block;
  color: #888;
  position: absolute;
  left: 115px; }

.pricing .desc {
  padding: 2em;
  border-left: 4px solid #10828C; }

.pricing h2 {
  color: #10828C; }

.pricing p {
  line-height: 2;
  color: #888; }

/*Portfolio **/
.portfolio {
  margin: 4em 0;
  padding: 1em;
  position: relative; }

.portfolio h1 {
  color: #F97300;
  margin-top: 3em;
  margin-bottom: 1em; }

.portfolio img {
  width: 100%; }

.contact-form {
  margin: 6em 0;
  position: relative; }

.contact-form h1 {
  margin-top: 3em;
  margin-bottom: 1em;
  color: #F97300; }

.contact-form .right {
  max-width: 600px; }

.contact-form .right .btn-secondary {
  background: #F97300;
  color: #fff;
  border: 0; }

.contact-form .right .form-control::-webkit-input-placeholder {
  color: #888;
  font-size: 16px; }

.error {
  color: red; }

.footer-copyright a {
  color: #212529; }

.footer-copyright a:link {
  color: #212529;
  text-decoration: none; }

.footer-copyright a:hover {
  color: #551A8B; }