.RL_container{
	padding-top: 10vh;
	height:60vh;
	width: 80vw;
	position: relative;
	margin: auto;
	max-width: 800px;
	text-align: center;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
}

.RL_container a{
	color: #FFFFFF;
	text-decoration: none;
}

.RL_Caption{
	height: 60vh;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.RL_container .middlelink{
	position:absolute;  
	bottom:5vh;
	left: calc(50% - 100px);
}

.Rich_Link {
	margin: 2vh auto;
	height: 10vh;
	max-height: 70px;
	width: 80vw;
	max-width: 470px;
	border-style: solid;
	border-width: 2px;
	border-radius: 2px;
	border-color: rgba(0,0,0, 0.7);
	position: relative;
	overflow: hidden;
	background-color: rgba(255,255,255, 0.7);
}

.slogan {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-transform: uppercase;
}

.cover {
	height: 100%;
	width: 100%;
	border-radius: 1px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.RL_Icon{
	height: 40%;
}

/* Colour Animation*/

.RL_SC, .RL_YT, .RL_BC, .RL_FB, .RL_EM {
	transition: all 0.7s ease-in-out;
}

.RL_SC:hover{
	background-color: rgba(247,115,15, 0.6);
}

.RL_YT:hover{
	background-color: rgba(198,35,38, 0.6);
}

.RL_BC:hover{
	background-color: rgba(99,157,170, 0.6);
}

.RL_FB:hover{
	background-color: rgba(59,89,153, 0.6);
}

.RL_EM:hover{
	background-color: rgba(0,0,0, 0.5);
}

/* Animation */

.slogan {
	transition: all 0.3s ease-in-out;
	opacity: 1;
}

.Rich_Link:hover .slogan {
	opacity: 0;
}

.cover {
	background-color: rgba(0,0,0, 0.05); 
	z-index: 99;
	color: #FFFFFF;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	transform: translateY(100%);
}

.Rich_Link:hover .cover { 
	opacity: 1;
	transform: translateY(0px);
	cursor: pointer;
}

.RL_Icon{
	transition: all 0.3s ease-in-out;
	transition-delay: 0.2s;
	opacity: 0;
	transform: translateY(-75%);
}

.Rich_Link:hover .RL_Icon{
	opacity: 1;
	transform: translateY(0px);
}

/* Media queries */

@media screen and (orientation:portrait) {
	
.RL_container{
	padding-top: 10vh;
	height:70vh;
}
}