/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

body,
html {
  font-family: 'Playfair Display', serif;
  font-size: 16px;
  letter-spacing: 1px;
  background: #fffbf1;
  color: #333;
}

/* .container-fluid {
  padding-left: 0;
  padding-right: 0;
} */

.btn-outline-danger {
  border: none;
  color: #e84118;
}

.navbar-light .navbar-toggler {
  border-color: white;
}

/* p {
  line-height: 3rem;
}

@media only screen and (max-width: 576px) {
  p {
    line-height: 1.5rem;
  }
} */

.row > * {
  padding-right: 0;
  padding-left: 0;
}

.robot {
  font-size: 0.8rem;
}

.btn-lg {
  font-size: 1.5rem;
}

#btn-modal {
  font-size: 1.2rem;
}

.brand {
  background: #273c75;
}

.text-brand {
  color: #273c75;
}

.contact-form-modal {
  background: #273c75;
  margin: auto;
  border-radius: 15px;
  border: 2px solid #e1b12c;
}

.contact-form-modal h3 {
  display: inline-block;
  border-bottom: solid #e1b12c;
}

#modal-content {
  border-radius: 15px;
}

@media only screen and (min-width: 576px) {
  .mobile-contact {
    display: none;
  }
}

#hero {
  height: 95vh;
  width: 100%;
  background-image: url(photos/faves/reno/29.JPG);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 10% 55%;
}

@media only screen and (max-width: 576px) {
  #hero {
    background-position: top;
    height: 89vh;
  }
}

@media only screen and (max-width: 768px) {
  #hero {
    height: 75vh;
  }
}

.backdrop {
  background-color: rgba(0, 0, 0, 0.4);
}

.navbar {
  padding: 0.5rem 0.5rem;
  width: 100%;
}

.dropdown-menu {
  background-color: #273c75;
}

.dropdown-item {
  background-color: #273c75;
  color: white;
}

.ignore-span {
  color: white;
}

.navbar h2,
h5 {
  margin-bottom: 0rem;
}

.navbar h2 {
  font-size: 2rem;
}

@media only screen and (min-width: 576px) {
  #hero-slogan {
    display: none;
  }
}

#hero-slogan h1 {
  line-height: 2.5rem;
  font-size: 1.8rem;
  /* font-weight: 700; */
  /* text-shadow: 10px 10px 30px black; */
  /* padding-left: 1rem;
  padding-right: 1rem; */
  /* background-color: rgba(0, 0, 0, 0.5); */
  /* -webkit-text-stroke: 2px black; */
}

@media only screen and (min-width: 576px) {
  #hero-slogan {
    display: none;
  }
}

#hero-card {
  margin-left: 5rem;
  margin-bottom: 2rem;
  position: relative;
  max-width: 40rem;
  background: rgba(255, 255, 255, 0.7);
  display: inline-block;
}

@media only screen and (max-width: 576px) {
  #hero-card {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  #hero-card {
    margin-left: 2rem;
  }
}

#hero-card h1 {
  background: rgba(39, 60, 117, 0.8);
  font-size: 1.9rem;
}

#hero-card h5 {
  line-height: 1.7rem;
  color: black;
}

.gold {
  background: #e1b12c;
}

span {
  color: #e1b12c;
}

.span-cap {
  font-size: 1.2em;
  color: white;
}

.btn-gold {
  background-color: #e84118;
  border: solid 1px white;
  color: white;
  padding: 0.3rem 0.7rem;
  padding-top: 0.7rem;
  border-radius: 5px;
}

.gold-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 17rem;
  height: 17rem;
  background-color: rgba(255, 255, 255, 0.1);
  border: solid 3px #e1b12c;
}

@media only screen and (max-width: 768px) {
  .gold-box {
    width: 15rem;
    height: 15rem;
  }
}

/* .breaker {
  height: 20rem;
} */

@media only screen and (min-width: 576px) {
  .breaker-mid {
    border-left: solid 3px #e1b12c;
    border-right: solid 3px #e1b12c;
  }
}

#logo {
  background-image: url('/photos/logo.GIF');
  background-repeat: no-repeat;
  background-size: 105%;
  background-position: center;
}

@media only screen and (max-width: 576px) {
  #logo {
    min-height: 10rem;
  }
}

#logo-text {
  line-height: 2rem;
  text-align: justify;
}

/* .services {
  margin-top: -2rem;
} */

.services-span {
  -webkit-text-decoration: underline #e84118;
  text-decoration: underline #e84118;
  color: white;
}

@media only screen and (max-width: 576px) {
  .services-span {
    color: #273c75;
  }
}

.btn-outline-danger:hover {
  background-color: #e1b12c;
}

#aa {
  color: white;
}

@media only screen and (min-width: 576px) {
  #bb {
    color: white;
  }
}

@media only screen and (max-width: 576px) {
  .service-button {
    font-size: 1.9rem;
  }
}

@media only screen and (min-width: 576px) {
  .service-header {
    color: white;
  }
}

.service-box {
  width: 15rem;
  height: 15rem;
}

@media only screen and (max-width: 768px) {
  .service-box {
    width: 13rem;
    height: 13rem;
  }
}

#box1 {
  background-image: url(photos/faves/ext/21.JPG);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

#box2 {
  background-image: url(photos/faves/reno/5.JPG);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#box3 {
  background-image: url(photos/envelope/compressed/IMG_0229.JPG);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#blue-banner1 {
  background-color: #273c75;
  min-height: 22rem;
  margin-top: -20rem;
}

@media only screen and (max-width: 576px) {
  #blue-banner1 {
    min-height: 22rem;
  }
}

#blue-banner2 {
  background-color: #273c75;
  min-height: 35rem;
  margin-top: -15rem;
}

@media only screen and (max-width: 576px) {
  #blue-banner2 h3 {
    font-size: 1.2rem;
  }
}

/* @media only screen and (max-width: 576px) {
  .rp {
    display: flex;
  }
} */

.frame1 {
  height: 5rem;
  /* width: 100%;
  display: flex; */
}

.corner {
  width: 8.33%;
  border: 1px solid #e1b12c;
}

.mission {
  min-height: 30rem;
  /* display: flex; */
}

.sidebar {
  min-width: 8.33%;
}

.middle {
  border: 1px solid #e1b12c;
}

.vx {
  text-align: right;
}

#contact {
  height: 1rem;
  width: 75%;
  margin-bottom: 2rem;
}

.statement p {
  line-height: 50px;
  text-align: justify;
}

@media only screen and (max-width: 576px) {
  .statement p {
    text-align: left;
  }
}

@media only screen and (max-width: 576px) {
  .statement .h3 {
    font-size: 1rem;
    line-height: 2.2rem;
  }
}

.statement span {
  color: inherit;
  font-size: 72px;
  line-height: 70px;
}

.team-statement {
  line-height: 50px;
  text-align: justify;
}

@media only screen and (max-width: 576px) {
  .team-statement {
    font-size: 1.1rem;
    line-height: 2.2rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.team-statement span {
  color: inherit;
  font-size: 72px;
  line-height: 70px;
}

#team-button {
  color: #273c75;
  /* background-color: #273c75; */
}

@media only screen and (max-width: 576px) {
  #team-button h3 {
    font-size: 1rem;
    margin-bottom: 0rem;
  }
}

#contact-copy {
  border: 2px solid #e1b12c;
}

#contact-button {
  background: #e84118;
}

.banner {
  min-height: auto;
}

@media only screen and (max-width: 576px) {
  .banner li {
    font-size: 1rem;
  }
}

#banner-pic {
  background-image: url(photos/faves/ext/001.JPG);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 10rem;
}

#value {
  height: 25rem;
  /* background: #273c75; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.value-box {
}

#value-box-1 {
  width: 8.33%;
  background: #273c75;
  border-right: 1px solid white;
}

#value-box-2 {
  width: 41.66%;
  border-left: 1px solid white;
  background: #273c75;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#value-prop {
}

#value-box-3 {
  width: 41.66%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.value-box-row {
  width: 100%;
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.value-box-column {
  width: 50%;
}

#b1 {
  background-image: url(photos/faves/ext/6.JPG);
  background-size: 140%;
  background-repeat: no-repeat;
  background-position: center;
}

#b2 {
  background-image: url(photos/faves/ext/38.JPG);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#b3 {
  background-image: url(photos/faves/reno/2.JPG);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#b4 {
  background-image: url(photos/faves/ext/19.JPG);
  background-size: 130%;
  background-repeat: no-repeat;
  background-position: center;
}

#value-box-4 {
  width: 8.33%;
  background: #273c75;
}

ul {
  list-style-type: square;
}

li::marker {
  color: #e1b12c;
}

.cta {
  font-size: 1.5rem;
}

#cta1 {
  background: #fffbf1;
}

.cta2 {
  background: #e84118;
}

#cta3 {
  outline: 2px solid white;
}

.gold-outline {
  outline: 2px solid #e1b12c;
  /* border: 2px solid #e1b12c; */
}

.red-outline {
  outline: 2px solid #e84118;
  /* border: 2px solid #273c75; */
}

/* .portfolio .col {
  height: 10rem;
  outline: 2px solid #e1b12c;
} */

@media only screen and (max-width: 576px) {
  #portfolio {
    padding-top: 4rem;
  }
}

.portfolio {
  min-height: 35rem;
}

.p-head {
  margin-top: 5rem;
  display: inline-block;
  position: relative;
  font-size: 4rem;
}

@media only screen and (max-width: 576px) {
  .p-head {
    width: 230px;
    font-size: 2.5rem;
  }
}

.p-head::before {
  position: absolute;
  border: 2px solid #273c75;
  bottom: 0;
  left: -5%;
  width: 110%;
  height: 130%;
  content: '';
}

@media only screen and (max-width: 576px) {
  .p-head::before {
    left: -7%;
  }
}

.p-head::after {
  position: absolute;
  border: 2px solid #e1b12c;
  top: -10%;
  left: -2%;
  width: 110%;
  height: 130%;
  content: '';
}

.p-box {
  height: 15rem;
  width: 15rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media only screen and (max-width: 768px) {
  .p-box {
    height: 10rem;
    width: 10rem;
  }
}

@media only screen and (max-width: 576px) {
  .p-box {
    height: 8rem;
    width: 8rem;
  }
}

#p1 {
  background-image: url(photos/faves/reno/29.JPG);
}

#p2 {
  background-image: url(photos/faves/ext/001.JPG);
}

#p3 {
  background-image: url(photos/faves/reno/28.JPG);
}

#p4 {
  background-image: url(photos/faves/ext/20.JPG);
}

#p5 {
  background-image: url(photos/faves/reno/IMG_7944c.JPG);
}

#p6 {
  background-image: url(photos/faves/reno/2.JPG);
}

#p7 {
  background-image: url(photos/faves/reno/5.JPG);
}

#p8 {
  background-image: url(photos/faves/reno/9.JPG);
}

@media only screen and (max-width:576px) {
  #p1 {
    background-image: url(photos/faves/reno/29small.JPG);
  }
  
  #p2 {
    background-image: url(photos/faves/ext/001small.JPG);
  }
  
  #p3 {
    background-image: url(photos/faves/reno/28small.JPG);
  }
  
  #p4 {
    background-image: url(photos/faves/ext/20small.JPG);
  }
  
  #p5 {
    background-image: url(photos/faves/reno/IMG_7944csmall.JPG);
  }
  
  #p6 {
    background-image: url(photos/faves/reno/2small.JPG);
  }
  
  #p7 {
    background-image: url(photos/faves/reno/5small.JPG);
  }
  
  #p8 {
    background-image: url(photos/faves/reno/9small.JPG);
  }
}

#team-statement {
  padding-top: 7rem;
}

@media only screen and (max-width: 576px) {
  #team-statement {
    padding-top: 5rem;
  }
}

#team-section {
  border-top: 1px solid black;
}

#t-head::before {
  width: 115%;
  height: 85%;
  left: -10%;
}

#t-head::after {
  height: 85%;
  width: 115%;
  top: 30%;
  left: -5%;
}

#team-banner {
  height: 30rem;
  background-color: #273c75;
}

.team-box {
  width: 41.66%;
}

#t1 {
  background-image: url(photos/faves/ext/38.JPG);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 10rem;
}

@media only screen and (max-width: 576px) {
  #t1 {
    background-position: top;
    min-height: 12rem;
  }
}

#t2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid white;
}

.gold-bar {
  width: 100%;
  height: 1rem;
  background-color: #e1b12c;
  border-right: 1px solid white;
}

#rw {
  border-right: 1px solid white;
}

#img-banner {
  width: 100%;
  height: 10rem;
}

.img-item {
  width: 20.8%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 576px) {
  .img-item {
    width: 33.3333%;
  }
}

#img-item-1 {
  width: 8.33%;
  background-image: url(photos/faves/ext/37.JPG);
}

@media only screen and (max-width: 576px) {
  #img-item-1 {
    width: 0%;
  }
}

#img-item-2 {
  background-image: url(photos/faves/reno/29.JPG);
}

#img-item-3 {
  background-image: url(photos/faves/reno/28.JPG);
}

#img-item-4 {
  background-image: url(photos/faves/ext/18.JPG);
}

#img-item-5 {
  background-image: url(photos/faves/ext/19.JPG);
}

@media only screen and (max-width: 576px) {
  #img-item-5 {
    width: 0%;
  }
}

#img-item-6 {
  width: 8.33%;
  background-image: url(photos/faves/ext/5.JPG);
}

@media only screen and (max-width: 576px) {
  #img-item-6 {
    width: 0%;
  }
}

#footer {
  padding-top: 5rem;
}

@media only screen and (max-width: 576px) {
  #footer {
    padding-top: 3rem;
  }
}

#question {
  width: 6.5rem;
}

@media only screen and (max-width: 576px) {
  #question {
    width: 5rem;
    font-size: 0.8rem;
  }
}

#question2 {
  width: 6.5rem;
}

@media only screen and (max-width: 576px) {
  #question2 {
    width: 5rem;
    font-size: 0.8rem;
  }
}

#end-footer {
  background-color: #273c75;
  color: white;
}

#end-footer a {
  color: white;
  text-decoration: none;
}

#end-footer ul {
  list-style-type: none;
  font-size: 1.3rem;
}

@media only screen and (max-width: 576px) {
  #end-footer ul {
    font-size: 0.7rem;
    padding-left: 0rem;
    padding-right: 0.5rem;
  }
}

#f1 a {
  color: white;
  -webkit-text-decoration: underline #e1b12c;
  text-decoration: underline #e1b12c;
}

#f2 a {
  color: white;
  -webkit-text-decoration: underline #e84118;
  text-decoration: underline #e84118;
}

#f1 {
  padding-right: 2rem;
  padding-left: 0rem;
}

#f2 {
  padding-right: 2rem;
  padding-left: 0rem;
}