.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
  0% {
    background-color: hsl(200, 20%, 80%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}

.skeleton-text {
  width: 100%;
  height: 0.7rem;
  margin-bottom: 1.0rem;
  
  border-radius: 0.25rem;
  padding: 4px;
}

.skeleton-text2 {
  width: 100%;
  height: 0.6rem;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
}

.skeleton-text3 {
  float: right;
  width: 100%;
  height: 0.6rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
  padding: 55px;
}



.skeleton-text__body {
  width: 50%;
}


.skeleton_container {
	width: 100%;
}

.card__body {
	float: left;
	width: 45%;
	/*border: 1px solid black;*/
	padding: 5px;

	
}

.card-template {
	width: 50%;
	
}

@media only screen and (max-width: 840px) {

.card__body {
	float: none;
	width: 95%;
}

.skeleton-text3 {
  float: none;
  width: 50%;
}


	
}