.image-align-left {
    float: left;
    margin: 20px 20px 20px 0;
}

.image-align-right {
    float: right;
    margin: 20px 0 20px 20px;
}

a.cta-button {}

a.red.cta-button {
    margin-right: 0;
    width: auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 1rem 0;
    text-align: center;
    width: 140px;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    -webkit-transition: all ease 300ms;
    transition: all ease 300ms;
  	background-color: transparent;
  	background-image: url(https://assets.rit.org.uk/hopeintoactioneastofengland/assets/btn-red.svg);
}

a.red.cta-button:hover{ 
    -webkit-transform: scale(1.2) rotate(5deg);
    transform: scale(1.2) rotate(5deg);
    -webkit-transition: all ease 300ms;
    transition: all ease 300ms;
    -webkit-animation: jelly 800ms linear both;
    animation: jelly 800ms linear both;
    
}

a.teal.cta-button {
    margin-right: 0;
    width: auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 1rem 0;
    text-align: center;
    width: 140px;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    -webkit-transition: all ease 300ms;
    transition: all ease 300ms;
    background-color: #fff;
	background-image: url(https://assets.rit.org.uk/hopeintoactioneastofengland/assets/btn-green.svg);
}

a.teal.cta-button:hover {
    -webkit-transform: scale(1.2) rotate(5deg);
    transform: scale(1.2) rotate(5deg);
    -webkit-transition: all ease 300ms;
    transition: all ease 300ms;
    -webkit-animation: jelly 800ms linear both;
    animation: jelly 800ms linear both;
    background-color: #fff !important;
}

.text-red {
  color: #c31126;
}

.text-teal {
  color: #007481;
}