*{

	transition-duration: 0.4s !important;

}

.logo{

	border: 2px transparent solid;

	border-radius: 2rem;

}
.btn-blue-gradient, .bg-blue-gradient{

background: rgb(51,31,139);

background: #76b5c5 !important	;

}

.blue-hover{

	color: #eeeee4 !important;

	font-size: 1.2rem !important;

	font-weight: 900 !important;

}

.blue-hover:hover{

	color: #063970 !important;

	font-size: 1.3rem !important;

	font-weight: 900 !important;

}



.blue-hover-reverse{

	color: #063970 !important;

	font-size: 1.2rem !important;

	font-weight: 900 !important;

}

.blue-hover-reverse:hover{

	color: pink !important;

	font-size: 1.3rem !important;

	font-weight: 900 !important;

}



.bg-intro{

background: #f2add0;

}



@media only screen and (min-width: 768px) {

  /* For mobile phones: */

 .paw{

 	font-size: 5rem;

  }

  .intro-text{

font-size: 2.6rem;

font-weight: 900;

  }

}



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

  /* For mobile phones: */

 .paw{

 	font-size: 1.2rem !important;

  }

    .intro-text{

  	font-size: 1.2rem !important;

  }

}