:root{
  --main-color:#e0cfc2;
  --dark-color:#4b5668;
  --grey-color:#88807e;
  --brown-color:#806f5d;
}



body,
html {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size:18px;
}

.site_width{
  max-width:100%;
}

.maincontent {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.maincontent_wrapper {
    padding-top: 0;
}
img{
  width:100%;
}

h1{
  font-size:2.5rem;
}

h3{
  margin:0;
  padding:0;
}
.my-container{
  max-width:1400px;
  margin:1em auto ;
  padding-inline:1em;
}
.flex-group{
  display:flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap:wrap;
  text-align: center;
}
.my-header{
  margin:2em auto;
  max-width:1200px;
  text-align: center;
}
.section2{
  background-color:#F6F6F6;
  padding-top:2em;
}
.section3{
  display:grid;
  grid-template-columns: repeat(2, 50%);
  margin-block:4em;
  min-height:50vh;
  background-color:#F6F6F6;

}
.section-text{
  align-self:center;
  justify-self: center;
  padding:2%;
}
.section-text p{
  max-width:600px;
}
.section3-image{
  background-image: url('/imageserver/Reusable/vicwest-truenature/vicwest-true-nature-tiles-outlined-CA-min.jpg');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  min-height:40vh;
}
 
 a.btn.btn-primary {    padding: 16px 28px;    border-radius: 5;    background: #093d87;    border: none;   box-shadow: 0 4px 5px -3px #333;    transition: 0.5s;    font-weight: bold;transition: ease-out 0.4s;}
 a.btn.btn-primary:hover {    box-shadow: inset 0 0 0 50px #3a639f; }
 
 .card {
   /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
   transition: 0.3s;
   max-width:400px;
 background: #fff;
 /* padding-top:15px; */
 }
 
 
 .card:hover {
   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
 }
 
 
 .text {
   /* padding: 10px 8px; */
 background: #fff;
 }

 .text a{
  font-size:24px;
  color:var(--dark-color);
  font-weight:700;
 }

 .section1{
    background-image: url("/imageserver/Textures/BG3.jpg"); 
    padding-top: 30px; 
    padding-bottom: 80px;
 }
 @media screen and (max-width:992px) {
    .section3{
      display:block;
      text-align: center;
    }
    .section-text p{
      margin:0 auto;

    }
 }