html, body{
    scroll-behavior: smooth;
    overflow-x:hidden;
    width: 100%;
    height: 100vh;
}

a{color: white;}
a:hover{color: red;}

@media screen and (max-width: 420px) {
    .hero-heading{font-size: 3em;}
    .hero-section{background-image: url("img/hero.png");}
    .home-img{height: 200px;}
    #mail-success-img{margin-bottom: 1.5rem;}
    #AnotherMsg-btn{margin-bottom: 3rem;}
}

@media screen and (max-width: 600px) {
    .hero-heading{font-size: 3em;}
    .hero-section{background-image: url("img/hero.png");}
    #mail-success-img{width: 80%;}
}

@media screen and (min-width: 600px) {
    .hero-heading{font-size: 3.75em;}
    hero-section{background-image: url("img/hero.png");}
    #mail-success-img{width: 60%;}
}

@media screen and (min-width: 768px) {
    .hero-heading{font-size: 4em;}
    .hero-section{background-image: url("img/hero.png");}
    #mail-success-img{width: 40%;}
}
.nav-link{color: black;}
.nav-link:hover{color:#c9021d;}
.active{color:#c9021d;}

.home-content{
    padding: 25px 0;
}

.main{
    margin: 0 0;
    width: 100%;
}

.landing-text{margin: 20px 45px 0px;}
.section-heading{font-family: PT Serif, Serif;}
.sub-heading{font-family: Catamaran; color: #c9021d;}
.sub-heading-other{font-family: Catamaran; color: #c9021d; margin-bottom: 0; margin-top: 0.75rem;}
.additional-section{
    text-decoration: underline double #c9021d 1px;
    margin-bottom: 1.25rem;
}

h3{font-family: Catamaran; color: #c9021d;}
.services-item{
    margin: 0;
    padding: 5px 20px;
}

.dscription{font-size: 0.75rem;}

.proj-photo{
    display: inline;
    margin: 10px 0;
    max-height: 225px;
}

.short-hr{width: 60%; max-width: 650px; margin: 0 auto 1rem;}

.form-field{padding-top: 5px; padding-bottom: 5px;}
.error-msg{font-size: 0.90rem; color:red;}
.info-msg{font-size: 0.90rem;}
input:focus, textarea:hover{
    outline: none;
    
}
.cell{
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.cell-pref{
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

footer{padding: 20px 20px 0 20px; box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);}
.footer-link{color:white; text-decoration: none; font-size: 0.75rem;}
.footer-link:hover{color:red;}
.social-links{align-items: center;}
.footer-text{padding-top: 10px; font-size: 0.75rem;}