@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*body{
  background : #f88f07;
  font-family: "Quicksand", sans-serif;
  margin: 0;
  padding: 0;
   a {
    text-decoration: none;
  }
}*/
.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10%; }
  .card-group .card {
    background: #fff;
    width: 330px;
    height: 420px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.4);
    position: relative;
    cursor: pointer; }
    .card-group .card:hover p {
      font-size: .9rem; }
    .card-group .card:hover .card-badge {
      top: 150px; }
    .card-group .card .card-badge {
      width: 4em;
      height: 4em;
      background: #002c5f;
      border-radius: 50%;
      position: absolute;
      -webkit-transition: .3s ease-in;
      -o-transition: .3s ease-in;
      transition: .3s ease-in;
      left: 300px;
      top: 30px;
      -webkit-box-shadow: 5px 3px 5px 0 rgba(0, 0, 0, 0.4);
      box-shadow: 5px 3px 5px 0 rgba(0, 0, 0, 0.4); }
    .card-group .card .card-image {
      background: url(/contenido/juanca/files/HOTEL-MACEDONIA_362.jpeg);
      background-size: cover;
      height: 300px;
      width: 100%; }
       .card-group .card .card-image2{
      background: url(/contenido/juanca/files/HOTEL-MACEDONIA_380.JPG);
      background-size: cover;
      height: 300px;
      width: 100%; }
       .card-group .card .card-image3{
      background: url(/contenido/juanca/files/suitejunior.jpg);
      background-size: cover;
      height: 300px;
      width: 100%; }
       .card-group .card .card-image4{
      background: url(/contenido/juanca/files/HOTEL-MACEDONIA_378.JPG);
      background-size: cover;
      height: 300px;
      width: 100%; }
       .card-group .card .card-image5{
      background: url(/contenido/juanca/files/HOTEL-MACEDONIA_465.JPG);
      background-size: cover;
      height: 300px;
      width: 100%; }
       .card-group .card .card-image6{
      background: url(/contenido/juanca/files/habitacionclasica1.jpg);
      background-size: cover;
      height: 300px;
      width: 100%; }
         .card-group .card .card-image10{
      background: url(/contenido/dev/files/deportes-extemos.jpg);
      background-size: cover;
      height: 300px;
      width: 100%; }
      
       .card-group .card .card-image11{
      background: url(/contenido/dev/files/naturaleza.png);
      background-size: cover;
      height: 300px;
      width: 100%; }
      
       .card-group .card .card-image12{
      background: url(/contenido/dev/files/desayuno%20de%20la%20casa.png);
      background-size: cover;
      height: 300px;
      width: 100%; }
      
       .card-group .card .card-image13{
      background: url(/contenido/dev/files/chiva-en-barichara.jpg);
      background-size: cover;
      height: 300px;
      width: 100%; }
      
      .card-group .card .card-image14{
      background: url(/contenido/dev/files/fuente.png);
      background-size: cover;
      height: 300px;
      width: 100%; }
      
    .card-group .card h1 {
      padding: 0 1em; }
    .card-group .card p {
      font-weight: 100;
      font-size: 0;
      -webkit-transition: 0.2s ease-in;
      -o-transition: 0.2s ease-in;
      transition: 0.2s ease-in; }
    .card-group .card a {
      font-size: 1rem;
      color: #0f82ff; }