a{text-decoration:none !important;}
.active2{color:white !important;padding:10px 5px;background:#B40404;}
.nav{background:#3d3d3d;width:100%;height:100%;text-align:center;}
.nav .container{margin:0 auto !important;padding:0 auto !important;}
.nav ul{width:100%;list-style:none;text-align:center;}
.nav li{float:none;display:inline-block;padding:10px;font-size:15px;font-weight:200;}
.nav a{padding:10px 5px;}

.nav a:hover{color:white !important;padding:10px 5px;background:#B40404;padding-top:50px;padding-bottom:20px;}
.address{margin-left:auto;display:inline-block;text-align:center;padding-left:350px;}
.nav a{text-decoration:none;color:#fff;padding-top:50px;padding-bottom:20px;}
/* fix the active background size for iPad Air resolution */
@media only screen and (width: 820px) and (height: 1180px) {
 .nav a{text-decoration:none;color:#fff;padding-top:20px;padding-bottom:20px;}
}
.nav a:visited{color:#fff;}
.banner{height:180px;box-shadow:0px 0px 2px 1px #eee;-moz-box-shadow:0px 0px 5px 2px #eee;-webkit-box-shadow:0px 0px 5px 2px #eee;}
.banner h1{margin-top:35px;color:#3d3d3d;font-size:32px;font-weight:200;}
input, textarea{padding:10px;border:1px solid #2b2b2b;width:180px;border-radius:6px;}
input{height:35px;}
textarea{width:400px;height:150px;max-width:400px;line-height:18px;}
form{margin-top:50px;margin-bottom:50px;}
.submit input{width:100px;height:40px;background-color:#3d3d3d;color:#FFF;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.submit span{line-height:1.42857;}
.submit.lighting{margin-left:390px;}
.img-form .email{height:250px;width:100%;line-height:1.42857;float:right;text-align:right;}
#hero-carousel{background:#ebebeb;margin-top: 100px;}
.carousel-inner>.item>img, .carousel-inner>.item>a>img{display:block;height:auto;padding-left:150px;padding-right:150px;line-height:1;width:100%;//Add this}
footer{height:100px;background:#3d3d3d;}
footer p{float:right;color:#7d7d7d;margin-right:45px;margin-top:35px;}
@media only screen and (max-width:1100px){.carousel-inner>.item>img, .carousel-inner>.item>a>img{padding-left:0;padding-right:0;}
}
.content{margin-top:80px;}
.hr{width:90%;height:1px;background:#eee;position:relative;top:-40px;margin:auto;}
.hr.large{margin-top:100px;}
.image-item{width:150px;height:150px;overflow:hidden;}
.image-item img{padding:3px;border:2px solid #eee;}
.single-img{text-align:center;}
.single-img img{display:inline-block;}
.info-item{margin-top:-20px;}
.info-item h2{color:#3d3d3d;font-size:23px;font-weight:200;}
.info-item p{font-weight:100;}
.bottom-info p{font-weight:100;font-size:18px;}
.second-row{margin-top:70px;}
.third-row{margin-top:70px;}
@media only screen and (max-width:992px){.info-item{text-align:center;margin-top:175px;}
.info-item.last{margin-top:30px;}
.hr{display:none;}
}
.content p{color:#000!important;font-weight:400!important;}
/* to make Vancouver SIgn Services stand out */

.vansign{
    font-size: 1.5em;
    font-weight: 800;
}
/* to make email link brighter and bigger */
.emailcontact {
    margin: 20px;
    font-size: 24px;
}
/* centering phone number */
.container h1 {
  display: flex;
  flex-direction: column; /* Stack children vertically */
  align-items: center; /* Center-align children horizontally */
  text-align: center; /* Ensure text is centered as well */
}

/* This will make the phone number appear below 'Call us' and increase its size */
.phone-number {
  display: block; /* Makes the span take up the full width, moving what follows to the next line */
  font-size: 1.75em; /* Increases the font size; adjust as needed */
  margin-top: 0.5em; /* Adds some space above the phone number; adjust as needed */
}

/* Styling the phone number link for better visibility */
.phone-number a {
  color: #5D3FD3; /* Or any color that makes the phone number stand out */
  text-decoration: none; /* Removes the underline from the link */
  /* You can add more styles like font-weight, letter-spacing, etc. */
}