body,html{
  box-sizing: border-box;
  margin:0;
  padding:0;
}
html {
  scroll-behavior: smooth;
}
  .site_width{
    width:100%;
    max-width:100%;
    margin:0 auto;
  }
  
  .row{
    padding:0!important;
    margin:0!important;
  }
  .preload{
    height:0%;
    width:0%;
    background-image: url('/imageserver/Reusable/atlas/Castlebrook-Burnt-Sienna-Tent-min.jpg'), url('/imageserver/Reusable/atlas/Castlebrook-Hearthstone-Tent-min.png'), url('/imageserver/Reusable/atlas/Castlebrook-Pewter-Tent-min.png'), url('/imageserver/Reusable/atlas/Castlebrook-Black-Shadow-Tent-min.png'), url('/imageserver/Reusable/atlas/Castlebrook-Dove-Gray-Tent-min.png'), url('/imageserver/Reusable/atlas/Castlebrook-Desert-Shake-Tent-min.jpg'), url('/imageserver/Reusable/atlas/Castlebrook-Weathered-Wood-Tent-min.png');
  }
 
 h1{
   font-family: open-sans,sans-serif;
 font-weight: 800;
 font-style: normal;
 }
 
 .features img{
    float:left;
    padding:1em;
  }

  .flex-group{
    display:flex;
    flex-direction: row;
    justify-content:space-evenly;
    margin:0 auto;
    max-width:80%;
    flex-wrap:wrap;
  }
  .flex-item{
    text-align:center;
    margin:5px;
  }
  .flex-item a img{
    border-radius:5px;
  }
 
 .features-col{
    background-color:rgba(255,255,255,0.8);
    min-height:150px;
    display:flex;
    flex-direction:row;
    align-items: center;
    justify-content:first baseline;
 }
 .single{
  max-width:50%;  
  margin:0 auto;
 }

 .my-main-image{
  text-align: center;
 }

 .section3{
  position: relative; 
  background-image: url("/imageserver/Reusable/atlas/40dkRed2000x800gaf.jpg"); 
  background-attachment: fixed; 
  background-position: center center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  min-height: 325px; 
  padding-bottom: 35px; 
  margin-top: 30px;
 }
 
 a.btn.btn-primary {    padding: 16px 40px;    border-radius: 5;    background: #D62A0F;    border: none;   box-shadow: 0 4px 5px -3px #333;    transition: 0.5s;    font-weight: bold;transition: ease-out 0.4s; font-size:18px;}
 a.btn.btn-primary:hover {    box-shadow: inset 0 0 0 50px #ED1C24; }

 @media screen and (min-width:992px) and (max-width:1250px) {
  .features-col{
    justify-content:center;
    text-align: center;
    flex-wrap: wrap;
    padding-inline:30px;
 }
  .features .col-md-6{
    margin:5px 0;
  }
 }
 @media screen and (max-width:992px){
  .single{
    max-width:100%; 
    margin:5px auto; 
   }
   .single-box{
    padding:0 15px;
   }
   .features .col-md-6{
    margin:5px 0;
  }
  .main-column{
    text-align: center;
    padding-inline:20px;
  }
 }
 @media screen and (max-width:500px){
  .features-col{
    justify-content:center;
    text-align: center;
    flex-wrap: wrap;
    padding-inline:30px;
 }
 }