@charset "UTF-8";

body {
  background-color:#f5f5f5;
}

.footer {
  padding-top: 8px;
  font-size: 12px;
  border-top: 1px solid #1F481E;
}

.wrapper-page {
    margin: 4% auto;
    max-width: 460px;
    position: relative;
}

.wrapper-page .card {
    border-radius: 10px;
}

.card {
    border: none;
    -webkit-box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 5%);
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 5%);
    margin-bottom: 30px;
}

.wrapper-page h2 {
   font-size: 1.5rem;
}

[class^="icon-caecrwn"],
[class*=" icon-caecrwn-"] {
    background-image: url("../images/icon/caecrwn.png");
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    background-color: #78BF22;
    background-size:44px;
    border-radius: 50%;
}
.icon-container {
    display:flex;
    align-items:center;
}

.icon-caecrwn-color-child {
    background-color: #22BFB7;
}

.icon-caecrwn-color-animals {
    background-color: #BFA822;
}

.icon-caecrwn-livery { background-position : 4px 5px; width : 24px; height : 24px;  }
.icon-caecrwn-fire { background-position: 4px -23px; width: 24px; height: 24px  } 
.icon-caecrwn-garden { background-position: 4px -48px; width: 24px; height: 24px  }
.icon-caecrwn-kitchen { background-position: 4px -74px; width: 24px; height: 24px  }
.icon-caecrwn-wifi { background-position: 4px -99px; width: 24px; height: 24px  }
.icon-caecrwn-landscape { background-position: 4px -125px; width: 24px; height: 24px  }
.icon-caecrwn-dishwasher { background-position: 4px -151px; width: 24px; height: 24px  }
.icon-caecrwn-sleep { background-position: 4px -178px; width: 24px; height: 24px  }

.icon-caecrwn-pets { background-position: -24px 4px; width: 24px; height: 24px  } 
.icon-caecrwn-washing { background-position: -24px -22px; width: 24px; height: 24px  }
.icon-caecrwn-tv { background-position: -24px -47px; width: 24px; height: 24px  }
.icon-caecrwn-bed { background-position: -24px -74px; width: 24px; height: 24px  }
.icon-caecrwn-baby { background-position: -24px -100px; width: 24px; height: 24px  }
.icon-caecrwn-cot { background-position: -24px -125px; width: 24px; height: 24px  }
.icon-caecrwn-hottub { background-position: -24px -152px; width: 24px; height: 24px  }  


.column {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
  max-width: 50%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}