.button {
			  position: relative;
			  padding: 5px 12px;
			  background: #3c57a3;
			  border: none;
			  outline: none;
			  border-radius: 5px;
			  cursor: pointer;
			}

			.button:active {
			  background: blue;
			}
			
			.button:hover {
			  background: blue;
			}

			.button__text {
			  font: 16px "Quicksand", sans-serif;
			  color: #ffffff;
			  transition: all 0.2s;
			}

			.button--loading .button__text {
			  visibility: hidden;
			  opacity: 0;
			}

			.button--loading::after {
			  content: "";
			  position: absolute;
			  width: 16px;
			  height: 16px;
			  top: 0;
			  left: 0;
			  right: 0;
			  bottom: 0;
			  margin: auto;
			  border: 4px solid transparent;
			  border-top-color: #ffffff;
			  border-radius: 50%;
			  animation: button-loading-spinner 1s ease infinite;
			}

			@keyframes button-loading-spinner {
			  from {
				transform: rotate(0turn);
			  }

			  to {
				transform: rotate(1turn);
			  }
			}

			/******CSS ing. Freddy Alexander***************/

			img.card-img-top{
    			width: 50% !important;
       			margin: auto !important;
			}
			body{
			    background: url(../images/background.jpg) 0 0/cover no-repeat;
			    width: 100%;
			    min-height: 100vh;
			    height: 100%;
			    padding-top: 80px;
			}

			.card-footer{
				background-color: #084298 /* rgba(23,66,99,.19)*/;
				color: #ffffff !important;
				text-align: center;
			}