.col-sm-3{
	margin-bottom:50px;
	margin-top:50px;
}

.box{
display:inline;
width:100%;
height:100%;
}
.box_image{
	width:100%;
	height:100%;
}

.view{
	width:100%;
}
.size,.access, .price{
	visibility:hidden;
}
	#Provinces, #Price, #Size, #Access{
	visibility:hidden;
}
.desc{
height:100px;
overflow-y:hidden;
}	
/*.prop_title{
	height:5%;
}
.prop_desc{
	height:20%;
}
.col3{
	height:10%;
}
.forms{
	height:15%;
}
h3.ATitle{
	height:20%;
}
.col3{
	width:33.33%;
	text-align:center;
	float:left;
}
.col-sm-4{
	height:100%;
}
*/
.row {
  display: flex;
  flex-wrap: wrap;
}
.col-sm-4 {
  display: flex;
  flex-direction: column;
  margin-bottom:5%;
  /*height: 100%; /* Ensures each column stretches to the full height of the tallest column */
  
}

/* Ensure the content inside each column stretches vertically */
.col-sm-4 > * {
  flex: 1;
}

/* Keep col3 items on the same line and evenly spaced */
.col3 {
  display: flex;
  justify-content: space-between;
  align-items: center; /* Center items vertically within .col3 */
  align-items: flex-end
}

.col3-item {
  flex: 1; /* Each item takes up equal space */
  text-align: center; /* Optional: Center align text */
  margin: 0 5px; /* Adjust spacing between items */
}

/* Optional: Adjust spacing and alignment of child elements */
.prop_title {
  margin-bottom: 10px;
}

.prop_desc {
  flex: 1; /* Allow description to take remaining space */
}

/* Ensure buttons are at the bottom */
.forms {
  align-self: flex-end;
  margin-top: auto;
}

#short_desc{
height:10%;
}	
.sold{
	color:red;
}
/* Container needed to position the overlay. Adjust the width as needed */
.container_image{
	width:100%;
}

/* The overlay effect - lays on top of the container and over the image */
.overlay {
  position: absolute;
  top: 0;
  left:0;
  padding-left:15px;
  width: 100%;
  height:70%;
}
.topright {
display:none;
 /*width:50%;
  top: 0px;
  right: 0px;
  float:left;
  padding-right:5px;
  padding-left:15px;
  padding-bottom:15px;
  font-size: 24px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;*/
}
.topleft {
	display:none;
  /*width:50%;
  top: 0px;
  left: 0px;
  float:left;
  padding-left:5px;
  padding-right:15px;
  padding-bottom:15px;
  font-size: 24px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;*/
}
@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
  .col-sm-4, .col-sm-3{
	  width:100%;
	  height:40%;
  }
  .row {
	  height:100%;
}


  
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
  .col-sm-4, .col-sm-3{
	  width:100%;
  }
    .row {
}

}


/*	Articles	*/

#Canadian_Crown{
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  background-image: url('../Learning/Articles/Images/iStock-892002220.jpg');
  background-size: cover;
}
#Canadian_History{
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  background-image: url('../Learning/Articles/Images/iStock-518979743.jpg');
  background-size: cover;
}
#Different_Type{
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  background-image: url('../Learning/Articles/Images/iStock-1432811298.jpg');
  background-size: cover;
}
#Environmental_Conservation{
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  background-image: url('../Learning/Articles/Images/iStock-1388420740.jpg');
  background-size: cover;
}
#History_Nature{
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  background-image: url('../Learning/Articles/Images/iStock-1923561873.jpg');
  background-size: cover;
}
#Land_Ownership{
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  background-image: url('../Learning/Articles/Images/iStock-1426264299.jpg');
  background-size: cover;
}
#Land_Taxes{
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  background-image: url('../Learning/Articles/Images/iStock-1335050708.jpg');
  background-size: cover;
}
#National_Parks{
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  background-image: url('../Learning/Articles/Images/iStock-483724081.jpg');
  background-size: cover;
}
#Valuable_Minerals{
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  background-image: url('../Learning/Articles/Images/iStock-1366606966.jpg');
  background-size: cover;
}
#Why_Own{
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  background-image: url('../Learning/Articles/Images/iStock-1367970117.jpg');
  background-size: cover;
}
#Wildlife_Biodiversity{
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  background-image: url('../Learning/Articles/Images/iStock-1449987151.jpg');
  background-size: cover;
}