@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body {
background-color:rgb(21, 38, 59);
font-family: SERIF ;
}
.lt-blu-link a:link, .lt-blu-link a:visited {color: #aebfd4 !important;}

.bi {color:#2e4284;margin-right:6px;}
.clipped .bi, .nav-item .bi-house-fill, .nav-item .bi-envelope-fill {color:#aebfd4;margin-right:6px;}
.text-shadow {
  text-shadow: 1px 1px #ccc;
}
.wht-shadow {
  text-shadow: 2px 2px #fff;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: 600;
  font-style: normal;
  margin-bottom: 0px; 
  FONT-FAMILY:sans-serif;
}
h1,h2, #hero-discount h3, .header-shadow, .oswald {
  color:#1c2235;  
  font-family: "Oswald", sans-serif;
}
h1{font-size: clamp(33px, 4vw, 46px);}
h2{font-size: 2em;}
h3, .collab{font-size: 1.8em;}
h5{font-size: clamp(16px, 1.8vw, 20px);}
.nowrap {white-space:nowrap;}

.clamp-body, p {
  font-size: clamp(16px, 1.8vw, 20px) !important;  
}
.small-text {
  font-size: clamp(12px, 1.2vw, 14px) !important;  
}

.banner {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 120% 100%;
  padding: 20px 0px;
  background-color: #ffffff;
}
#home-banner {
  background-image: url("usa-flag-us-of-america-2.jpg");
  /* Add the blur effect
  filter: blur(2px);
  -webkit-filter: blur(2px); */
} 

#home-banner img {
 max-width:450px;
 width:100%;
}

.home-banner-rt {
  background: url('banner-bg.PNG') repeat top left;
}
.home-banner-rt h5 {  
  line-height:1.5em;
}

#home-services {
  letter-spacing:.2em;
  text-shadow: 2px 2px #2e4284;
  text-align:left;
}
#home-services .title {
  margin-top:10%;
  font-size:1.3em;
}
  
#home-services img {
height:100%;                 
}

#contact-banner {
  background-image: url("contact-bg.png");
  background-size: 80% auto;  
}

#hero-banner {
  background-image: url("");
  background-size: 50% auto;  
  background-position: top;
}

.home-gallery {
  background-image: url("vetbuild-gutters.png");
  /* Add the blur effect
  filter: blur(2px);
  -webkit-filter: blur(2px); */
  heiht: 100%;
  height: 400px;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; 
  margin-bottom:15px;
}

.playwrite-au-qld {
  line-height:1.6em;
}

.navbar, .navbar-nav, .navbar .container {
   margin-bottom: 0;
   border-radius: 0;
   background:;
}

.navbar-nav, .navbar-nav a {
font-size:1.1em !important;
color:#fff;
margin: 0px 5px;
}

#hero-discount {
  background-image: url("banner-bg.png");
  /* Add the blur effect
  filter: blur(2px);
  -webkit-filter: blur(2px); */
  height: 100%;
  background-repeat: repeat;
  padding: 0px 0px; 
} 


.bg-image {
  padding: 40px 0px;
}
.wht {color:white;}
.blk {color:black;}

.header {
    border-bottom: 2px solid #ccc;
}

.gallery-row img {
  max-height:250px;
  width:auto;
  margin-bottom:6px; 
}
.gallery-row {  
  text-align:center;
}

#featured-column {
  font-family:sans-serif; 
  font-size:
}  

#footer {
  color: #cccccc;
  padding: 25px;  
  font-size:10px;
}

@media (min-width: 450px) and (max-width: 576px) {

  .navbar-nav, .navbar-nav a {font-size:.9em;color:#fff;}

  h2 {font-size:1.8em;}
}
@media (max-width: 767px) {
  #home-services .title {
    margin-top:0px;
    font-size:1em;
  }
}

@media (max-width: 576px) {
  #home-services .title {
    margin-top:0px;
    font-size:1.3em;
  }
}

@media (min-width: 577px) and (max-width: 992px) {
  h2 {font-size:1.6em;}
}

@media (min-width: 450px) and (max-width: 992px) {
  .home-banner-rt h5{font-size:1em;}
}

@media (min-width: 450px) and (max-width: 1400px) {
  #home-services {font-size:1em;}
}
@media (min-width: 1401px) {
  #home-services {font-size:1.3em;}
}

/*FONTS*/ 
/* <weight>: Use a value from 200 to 700*/
/* <uniquifier>: Use a unique and descriptive class name*/

.oswald-title {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.overlock-regular {
  font-family: "Overlock", serif;
  font-weight: 400;
  font-style: normal;
}

.overlock-bold {
  font-family: "Overlock", serif;
  font-weight: 700;
  font-style: normal;
}

.overlock-black {
  font-family: "Overlock", serif;
  font-weight: 900;
  font-style: normal;
}

.overlock-regular-italic {
  font-family: "Overlock", serif;
  font-weight: 400;
  font-style: italic;
}

.overlock-bold-italic {
  font-family: "Overlock", serif;
  font-weight: 700;
  font-style: italic;
}

.overlock-black-italic {
  font-family: "Overlock", serif;
  font-weight: 900;
  font-style: italic;
}
.julius-regular {
  font-family: "Julius Sans One", serif;
  letter-spacing: -2px;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.roboto-regular {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100; 
}

.red-rose-font {
  font-family: "Red Rose", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.economica-regular {
/*  font-family: "Economica", serif;
  font-weight: 400;
  font-style: normal;  */
}

.economica-bold {
/*  font-family: "Economica", serif;
  font-weight: 700;
  font-style: normal;  */
}

.satisfy-regular {
  font-family: "Satisfy", serif;
  font-weight: 400;
  font-style: normal;
}

.montserrat-alternates-thin {
  font-family: "Montserrat Alternates", serif;
  font-weight: 100;
  font-style: normal;
}

.montserrat-alternates-extralight {
  font-family: "Montserrat Alternates", serif;
  font-weight: 200;
  font-style: normal;
}

.montserrat-alternates-light {
  font-family: "Montserrat Alternates", serif;
  font-weight: 300;
  font-style: normal;
}

.montserrat-alternates-regular {
  font-family: "Montserrat Alternates", serif;
  font-weight: 400;
  font-style: normal;
}

.montserrat-alternates-medium {
  font-family: "Montserrat Alternates", serif;
  font-weight: 500;
  font-style: normal;
}

.montserrat-alternates-semibold {
  font-family: "Montserrat Alternates", serif;
  font-weight: 600;
  font-style: normal;
}

.montserrat-alternates-bold {
  font-family: "Montserrat Alternates", serif;
  font-weight: 700;
  font-style: normal;
}

.montserrat-alternates-extrabold {
  font-family: "Montserrat Alternates", serif;
  font-weight: 800;
  font-style: normal;
}

.montserrat-alternates-black {
  font-family: "Montserrat Alternates", serif;
  font-weight: 900;
  font-style: normal;
}

.montserrat-alternates-thin-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 100;
  font-style: italic;
}

.montserrat-alternates-extralight-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 200;
  font-style: italic;
}

.montserrat-alternates-light-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 300;
  font-style: italic;
}

.montserrat-alternates-regular-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 400;
  font-style: italic;
}

.montserrat-alternates-medium-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 500;
  font-style: italic;
}

.montserrat-alternates-semibold-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 600;
  font-style: italic;
}

.montserrat-alternates-bold-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 700;
  font-style: italic;
}

.montserrat-alternates-extrabold-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 800;
  font-style: italic;
}

.montserrat-alternates-black-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 900;
  font-style: italic;
}

.prompt-thin {
  font-family: "Prompt", serif;
  font-weight: 100;
  font-style: normal;
}

.prompt-extralight {
  font-family: "Prompt", serif;
  font-weight: 200;
  font-style: normal;
}

.prompt-light {
  font-family: "Prompt", serif;
  font-weight: 300;
  font-style: normal;
}

.prompt-regular {
  font-family: "Prompt", serif;
  font-weight: 400;
  font-style: normal;
}

.prompt-medium {
  font-family: "Prompt", serif;
  font-weight: 500;
  font-style: normal;
}

.prompt-semibold {
  font-family: "Prompt", serif;
  font-weight: 600;
  font-style: normal;
}

.prompt-bold {
  font-family: "Prompt", serif;
  font-weight: 700;
  font-style: normal;
}

.prompt-extrabold {
  font-family: "Prompt", serif;
  font-weight: 800;
  font-style: normal;
}

.prompt-black {
  font-family: "Prompt", serif;
  font-weight: 900;
  font-style: normal;
}

.prompt-thin-italic {
  font-family: "Prompt", serif;
  font-weight: 100;
  font-style: italic;
}

.prompt-extralight-italic {
  font-family: "Prompt", serif;
  font-weight: 200;
  font-style: italic;
}

.prompt-light-italic {
  font-family: "Prompt", serif;
  font-weight: 300;
  font-style: italic;
}

.prompt-regular-italic {
  font-family: "Prompt", serif;
  font-weight: 400;
  font-style: italic;
}

.prompt-medium-italic {
  font-family: "Prompt", serif;
  font-weight: 500;
  font-style: italic;
}

.prompt-semibold-italic {
  font-family: "Prompt", serif;
  font-weight: 600;
  font-style: italic;
}

.prompt-bold-italic {
  font-family: "Prompt", serif;
  font-weight: 700;
  font-style: italic;
}

.prompt-extrabold-italic {
  font-family: "Prompt", serif;
  font-weight: 800;
  font-style: italic;
}

.prompt-black-italic {
  font-family: "Prompt", serif;
  font-weight: 900;
  font-style: italic;
}