*{
  margin: 0;
  padding: 0;
}
html, body{
  height:100%;
  width:100%;
  color: #2e2c2c;
}
.navbar-expand-md{
    box-shadow: 0 2px 2px -2px rgba(0,0,0,.2);
}
.navbar-nav li{
  padding-left: 20px;
}
ul{
  display: block;
  list-style: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0;
}
.nav-link{
  font-size: 18px !important;
  color: #999 !important;
  box-shadow: 0 3px 20px rgba(black, 0.2)
}
a.nav-link:hover {
  color: #ff9900 !important;
  border-bottom: 3px solid #ff9900;
}
a.nav-link{
  display: block;
  text-align: center;
}
h1{
  font-weight: 100;
}
h2{
  font-size: 27px;
}
.btn-primary {
    background-color: #336666;
    border-color: #336666;
}
.btn-secondary {
    background-color: transparent;
    border-color: #ff9900;
    color: #ff9900;
}

.orange{
  color: #ff9900;
}
.orange2{
  color: #ff9900;
  letter-spacing: 1.2px;
  font-family: serif;
  font-size: 29px;
}

.black{
   font-weight: 300;
}
.circle{
  display: block;
  border-radius: 50%;
  border: 2.25px solid #ff9900;
  padding: 9px;
}
.circle:after{
  content:"";
  padding-bottom: 100%;
  display: block;
}
.circle-bw{
  border-radius: 50%;
  width: 200px;
  height: 200px;
  margin-bottom: 20px; 
  display: block;
}
.square{
  border: 2.25px solid #ff9900;
  padding: 9px;
}
.paragraph{
  padding-left: 30px;
}

.photo{
    position: relative;
    left: 0%;
    bottom: 50px; 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.photo2{
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

ul.b{
  list-style-position: outside;
  list-style-type: square;
  font-size: 18px;
}
.img{
  float: left
}
h1{
  margin: 0;
  font-weight: 300;
}
h2{
  font-weight: 300;
}
h3, h5{
  font-weight: 200;
}
h4{
  font-weight: 300;
  font-size: ;
  color: #ff9900;
  letter-spacing: 1px;
  line-height: 1;
  padding: 40px 30px 15px 30px;
}
.h-100{
  padding-top: 30px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.card-info{
  color: white;
  font-size: 13px;
  position: absolute;
  top: 50%;
  left: 48%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: none;
}
.card-overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: .5s ease;
}
.services{
  background-color: #e0e1e3;
}
.postcard{
  background-color: #ebecec;
  padding: 0px 30px 15px 20px;
}
.postcard2{
  background-color: #ebecec;
  padding: 5px 5px 10px 0px;
}
.send{
  padding-left: 78px;
}
.vl{
      border-right: 0.75px solid gray;
}
 .flex-center { align-items: center; justify-content: center; flex-direction: column; } 
a.btn-primary:hover {
  text-decoration:none;
  background-color: #ff9900;
  border-color: #ff9900;
  z-index: -2px;
}
a:-webkit-any-link{
...
text-decoration: underline;
}
a.addresslink:link {color: #2e2c2c;text-decoration: none; line-height: 0.5;} 
a.addresslink:visited {text-decoration: none; color: #2e2c2c;}
a.addresslink:hover {text-decoration: underline; color: #ff9900;}
a.addresslink:active {text-decoration: none; color: #ff9900;}

a.flyerlink:link {color: #2e2c2c !important; text-decoration: underline; line-height: 0.5;}
a.flyerlink:visited  {text-decoration: underline; color: #2e2c2c;}
a.flyerlink:hover {text-decoration:underline; color: #ff9900;}
a.flyerlink:active {text-decoration: none; color: #ff9900;}

/* Social Media Icons */
.social-media-list {padding: 0;}
.social-media-list li a {color: #fff;}
.social-media-list li:hover a {color: #2e2c2c;}

.social-media-list li {
  position: relative; 
  display: inline-block;
  z-index: 1;
  height:48px;
  width: 48px;
  margin: 9px 9px;
  line-height: 47px;
  border-radius: 48%;
  font-size: 36px;
  text-align: center;
  color: #eee;
  background-color: #666;
  cursor: pointer; 
  transition: all .2s ease-in-out;
}
.social-media-list li:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  border-radius: 48%;
  opacity: 0;
  box-shadow: 0 0 0 1px #ff9900;
  transition: all .2s ease-in-out;
}
.social-media-list li:hover {
  background-color: #ff9900; 
}
.social-media-list li:hover:after {
  opacity: 1;  
  transform: scale(1.12);
  transition-timing-function: cubic-bezier(0.37,0.74,0.15,1.65);
}

/*---Media Queries --*/
@media (max-width: 992px) {
}

@media (max-width: 768px) { 
  .vl{
      border-right: none;
  } 
}

@media (max-width: 576px) {  
  .vl{
      border-right: none;
  } 

  h1{
  text-align: center;
  }
  .orange2{
  font-size: 26px;
  }
}


/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/