div.outline-button.single {
	margin: 4rem 1rem 1rem;
    border:solid 2px;	
}
a.outline-button {text-decoration-line:none !important;
		text-decoration: none !important;}


div.outline-button.single > h3,div.outline-button.single > h5{
	margin: 1rem 1rem 1rem;
	padding-left: 20px;

}


div.arrow {
    width: calc( 10px + (28 - 24) * (100vw - 320px) / (800 - 320) );
    height: calc( 10px + (28 - 24) * (100vw - 320px) / (800 - 320) );
    transform: translateY(calc(calc( 20px + (28 - 24) * (100vw - 320px) / (800 - 320))*-1.39)) translateX(-30px)rotate(+45deg);
    float: right;
	border-width:  3px 3px 0 0;
	border-style:solid;

}

div.arrow.small {
    width: calc( 10px + (28 - 24) * (100vw - 320px) / (800 - 320) );
    height: calc( 10px + (28 - 24) * (100vw - 320px) / (800 - 320) );
    transform: translateY(calc(calc( 15px + (28 - 24) * (100vw - 320px) / (800 - 320))*-1.39)) translateX(-30px)rotate(+45deg);
    float: right;
	border-width:  3px 3px 0 0;
	border-style:solid;

}



h3.blue{
	color:#256486;
}

div.outline-button.single.blue{
	border: #256486 solid 2px;
}

div.outline-button.single.red{
	border: #d56a65 solid 2px;
}

h3.red{
	color:#d56a65;
}


.red > div.arrow{
	color:#d56a65;
}

.blue > div.arrow{
	color:#256486;
}

a > div.outline-button.single.red:hover{
	background: #faefef;
}
a > div.outline-button.single.blue:hover{
	background: #eaeef1;
}

div.outline-button.single  {
	margin-left: 0px;
	margin-right: 0px;
}