@import url('https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&display=swap');
html,
body,
header,
.view {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 100vh;
  }
}
a.navbar-brand.mama {
  color: #646d5c !important;
}
a.navbar-brand.mama.top-nav-collapse {
  color: #d3959b !important;
}
.top-nav-collapse {
  background-color: #646d5c !important;
  color: #fff !important;
  visibility: visible;
}
@media only screen and (max-width: 989px) {
  #mobile-advanced,
  .mobile_active.mobile_menu_tablet #advanced_menu_toggle {
    display: block;
  }
}

@media (max-width: 991px) {
  .navbar:not(.top-nav-collapse) {
    background: #646d5c !important;
    text-align: center;
    color: #fff !important;
  }
  a.navbar-brand.mama {
    color: #d3959b !important;
    visibility: visible;
  }

  .Rose {
    visibility: hidden;
  }
  hr {
    text-align: center !important;
  }
  .mama {
    color: #fff !important;
  }
  .display-3 {
    color: #ffffff;
    font-family: 'Mrs Saint Delafield', cursive;
    text-align: Center !important;
  }
  .subtext-header {
    text-align: center !important ;
  }
}
@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background: #646d5c !important;
    text-align: center;
    color: #fff !important;
  }
  .Rose {
    visibility: hidden;
  }

  hr {
    text-align: center !important;
    width: 75% !important;
  }
  .display-3 {
    color: #ffffff;
    font-family: 'Mrs Saint Delafield', cursive;
    text-align: Center !important;
  }
  .subtext-header {
    text-align: center !important ;
  }
}
.rgba-gradient {
  background: -moz-linear-gradient(
    45deg,
    rgba(39, 64, 70, 0.6),
    rgba(211, 149, 155, 0.69) 100%
  );
  background: -webkit-linear-gradient(
    45deg,
    rgba(39, 64, 70, 0.6),
    rgba(211, 149, 155, 0.69) 100%
  );
  background: linear-gradient(
    45deg,
    rgba(39, 64, 70, 0.6),
    rgba(211, 149, 155, 0.69) 100%
  );
}
nav {
  padding-top: 0px !important;
}
.container-fluid gradient {
  padding-top: 20px !important;
}
.display-3 {
  color: #ffffff;
  font-family: 'Mrs Saint Delafield', cursive;
  text-align: center;
  margin-left: 10%;
  padding-bottom: 0 !important;
}
.mama {
  font-family: 'Roboto', sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2;
  color: #646d5c !important;
}
.floral {
  width: 100%;
  display: block;
  position: absolute;
}
.Rose {
  float: right;
  clear: all;
  background-repeat: no-repeat;
  background-size: cover;
  height: 110%;
  width: auto;
  vertical-align: bottom;
  margin-bottom: 0px;
}
.rose {
  background-repeat: no-repeat;
  height: 50%;
  width: auto;
  margin-bottom: 0px;
}
.photo {
  margin-bottom: 0px;
}
h5 {
  color: #646d5c !important;
}
.subtext-header {
  text-align: left;
  margin-left: 8%;
}
hr {
  text-align: left;
  margin-left: 8%;
}
.rec {
  padding-right: 0px !important;
  padding-left: 0px important;
  margin: 0px !important;
}
#galleryApp {
  background: url('./resources/img/gallery.jpg') no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 300px;
  width: 100%;
}
#Paws {
  background: url('./resources/img/Paws.JPG') no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-color: #546959;
  height: 300px;
  width: 100%;
}
#town {
  background: url('./resources/img/town.JPG') no-repeat top;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-color: rgb(31, 28, 28);
  height: 300px;
  width: 100%;
}
#cards {
  background: url('./resources/img/Business Cards - Multiple.jpg') no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 300px;
  width: 100%;
}
#letter {
  background: url('./resources/img/LetterHead.JPG') no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-color: #546959;
  height: 300px;
  width: 100%;
}
#mags {
  background: url('./resources/img/Leave.JPG') no-repeat top;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-color: rgb(31, 28, 28);
  height: 300px;
  width: 100%;
}
.me {
  color: #08140a !important;
}
#contact,
#projects {
  background: linear-gradient(
    45deg,
    /* rgba(39, 64, 70, 0.6),
    rgba(211, 149, 155, 0.69) 100% */
      rgba(72, 72, 74, 0.6),
    rgba(100, 109, 92, 0.69) 100%
  );
}
.gradient {
  background: linear-gradient(
    45deg,
    /* rgba(39, 64, 70, 0.6),
    rgba(211, 149, 155, 0.69) 100% */
      rgba(72, 72, 74, 0.6),
    rgba(100, 109, 92, 0.69) 100%
  );
}
#footer {
  background: linear-gradient(
    45deg,
    rgba(72, 72, 74, 0.6),
    rgba(100, 109, 92, 0.69) 100%
  );
}
.btnColor1 {
  background-color: #646d5c;
}
.dkgrey {
  /* color: #646d5c; */
  color: #08140a;
}

#galleryPicsA {
  margin-bottom: 3em;
}
a {
  color: #fff;
}
a:hover {
  color: #d3959b;
}
a:visited {
  color: #fff;
  a: hover;
}
a:active {
  color: #d3959b;
}
#logo {
  width: 20rem;
  height: 15rem;
  padding: 0;
  margin: 0;
  position: relative;
  text-align: center;
}
.navbar-brand mama {
  position: absolute;
  font-family: 'Mrs Saint Delafield', cursive;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* #logo2 {
  margin-right: 1em;
  height: 20em;
  width: auto;
  float: left;
  clear: both;
} */
/*
/* end */