*,
*::before,
*::after {
  box-sizing: border-box;
}
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
.btn {
  background-color: white;
  font-family: 'Quicksand', sans-serif;
  border: 2px solid #76afdb !important;
  border-radius: 5px;
  color: #76afdb;
  padding: 0.5rem;
  font-weight: 600;
}
.btn:hover {
  background-color: #76afdb !important;
  font-family: 'Quicksand', sans-serif;
  border: 1px solid #76afdb !important;
  color: white !important;
  padding: 0.5rem !important;
}
.btn--block {
  display: block;
  width: -webkit-fill-available;
}
.cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 auto;
  padding: 0px 0px 50px 0px;
  width: 85%;
	justify-content: space-between;
}
.cards__item {
  display: flex;
  padding: 2%;
  width: 100%;
}
@media (min-width: 40rem) {
  .cards__item {
    width: 46%;
  }
}
@media (min-width: 56rem) {
  .cards__item {
    width: 46%;
  }
}
@media (max-width: 500px) {
	.cards__item {
  		padding: 0.75rem;
	}
}
.card {
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  border: 0px !important;
}
.card:hover .card__image {
  -webkit-filter: contrast(100%);
          filter: contrast(100%);
}
.card__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding-top: 1rem;
  border: none;
}
.card__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  -webkit-filter: contrast(70%);
          filter: contrast(70%);
  overflow: hidden;
  position: relative;
  transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
  transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
  transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91), -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
}
.card__image::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
@media (min-width: 40rem) {
  .card__image::before {
    padding-top: 66.6%;
  }
}

/** PROJECTS **/
.card__image--tateresidences {
  background-image: url(../images/projects/84c500a4-0532-42a9-9196-8a4adbb0193a.jpg);
}
.card__image--calista {
  background-image: url(../images/projects/3d89548d-6f87-4e67-b318-d08346ee8ff0.jpg);
}
.card__image--premiere {
  background-image: url(../images/projects/9c3cbe91-6179-4e8b-bafa-3217a9a6a5a7.jpg);
}
.card__image--hurstpier {
  background-image: url(../images/projects/8255b136-d49d-4804-9f66-007ba8dae341.jpg);
}
.card__image--worthschool {
  background-image: url(../images/projects/cfe356c3-12f5-4103-8629-8a748f2ac5a1.jpg);
}
.card__image--southerngate {
  background-image: url(../images/projects/9624c63d-2736-4fe5-85de-9538c90bc11e.jpg);
}
.card__image--dudleymansions {
  background-image: url(../images/projects/ad48d06c-e5e7-49cf-a85d-f3955c6130a2.jpg);
}
.card__image--crawleycollege {
  background-image: url(../images/projects/de2bcc75-713f-4944-86f1-823f8ac1a75f.jpg);
}
.card__image--baysidesocial {
  background-image: url(../images/projects/cd81017a-ad6f-4434-99c0-276c4b5c7e1c.jpg);
}
.card__image--packerclose {
  background-image: url(../images/projects/5592028d-d8d6-4d10-b14a-7b8a105f83ea.jpg);
}
.card__image--staghouse {
  background-image: url(../images/projects/a1cf5c32-e989-4ccc-abec-23eeabc6dba8.jpg);
}
.card__image--grandhotel {
  background-image: url(../images/projects/9747c7dd-bfe1-4889-ad63-79b4af994bb2.jpg);
}
.card__image--appletree {
  background-image: url(../images/projects/2807bcac-b2c6-49b9-8c4b-a8e924f79418.jpg);
}
.card__image--applehouse {
  background-image: url("../images/projects/applehouse/452ae27c-8b64-4f20-b044-fb7d2b50cfbc.JPG");
}
.card__image--beaconheights {
  background-image: url("../images/projects/beaconheights/IMG_1961.JPG");
}
.card__image--chalkhouse {
  background-image: url("../images/projects/chalkhouse/IMG_3876.PNG");
}
.card__image--farmhousestorrington {
  background-image: url("../images/projects/farmhousestorrington/IMG_0928.jpg");
}
.card__image--ilfordandkingston {
  background-image: url("../images/projects/ilfordandkingston/IMG_1477.JPG");
}
.card__image--lansdownplace {
  background-image: url("../images/projects/lansdownehotel/IMG_0570.jpg");
}
.card__image--oathall {
  background-image: url("../images/projects/oathall/IMG_1898.jpg");
}
.card__image--oxfordroad {
  background-image: url("../images/projects/oxfordroad/IMG_1342.jpg");
}
.card__image--littlelondon {
  background-image: url("../images/projects/stables/IMG_0183.jpg");
}
.card__image--steyning {
  background-image: url("../images/projects/steyninggrammarschool/0767aafb-b5cb-45cf-9944-5b586ba4b81e.JPG");
}
.card__image--tongdean {
  background-image: url("../images/projects/tongdeanroad/IMG_1960.JPG");
}

/** SERVICES **/
.card__image--truss {
  background-image: url(../images/services/0f09b604-5eba-4673-9f6e-ea4c28d57380.jpg);
}
.card__image--cutandpitch {
  background-image: url(../images/services/09d7869c-a6b8-4906-b985-1ed33e3ce7ef.jpg);
}
.card__image--1stfixing {
  background-image: url(../images/services/94b7b878-a98d-4d28-ba73-f239da23d95e.jpg);
}
.card__image--2ndfixing{
  background-image: url(../images/services/ed5bcecb-a775-4f9d-acfa-8200d5ced8df.jpg);
}
.card__image--cladding{
  background-image: url(../images/cladding/IMG_1952.JPG);
}
.card__image--loft {
  background-image: url(../images/services/36e90ef1-44d6-48fc-a082-c353bab4d1ef.jpg);
}
.card__image--kitchens {
  background-image: url(../images/services/a5c1fb34-d40f-4d22-9a1e-e401c78fa374.jpg);
}
.card__image--staircases {
  background-image: url(../images/services/62f124eb-3a97-43ee-952f-82aee9231f85.jpg);
}

.card__title {
  color: black;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 1rem;
  margin-top: 0.75rem;
}
.card__text {
  /*flex: 1 1 auto;*/
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  font-family: Arial;
}