.masthead h1 {
  /*border: 1px solid black;*/
  /*-webkit-text-stroke: 2px black;*/
  text-shadow: -1px 0 rgba(0,0,0,0.5), 0 1px rgba(0,0,0,0.5), 1px 0 rgba(0,0,0,0.5), 0 -1px rgba(0,0,0,0.5);
}

@media (min-width: 300px) {
  .outline {
   
    color: rgb(255,255,255);
    font-size: 21px;
    text-shadow: -1px 0 rgba(0,0,0,0.5), 0 1px rgba(0,0,0,0.5), 1px 0 rgba(0,0,0,0.5), 0 -1px rgba(0,0,0,0.5);
  }
}

@media (min-width: 300px) {
  .masthead h1 {
    color: rgb(255,255,255);
    filter: blur(0px) brightness(100%) grayscale(0%) invert(0%) sepia(0%);
    /*border: 1px solid black;*/
    font-size: 42px;
  }
}

@media (min-width: 300px) {
  .col-4.col-md-6.col-lg-3.offset-0.m-auto {
    margin-top: 0px;
    height: 200px;
    /*max-width: 33%;*/
  }
}

@media (min-width: 300px) {
  .col-4.col-md-6.col-lg-3.m-auto {
    margin-top: 0px;
    height: 200px;
  }
}

@media (min-width: 300px) {
  h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    font-size: 19px;
  }
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1000px;
}

@media (min-width: 300px) {
  .service-icon {
    background-color: #fff;
    color: #1d809f;
    height: 6rem;
    width: 6rem;
    display: block;
    line-height: 6.5rem;
    font-size: 2.3rem;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
  }
}

@media (min-width: 300px) {
  .no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 300px) {
  .col-lg-6.portfoioooo {
    height: 400px;
  }
}

.caption.portfoioooo2 {
  /*height: 360px;*/
}

@media (min-width: 300px) {
  .img-fluid.portfolio_image {
    height: 400px;
    width: auto;
  }
}

@media (min-width: 992px) {
  .img-fluid.portfolio_image {
    height: 400px;
    width: auto;
  }
}