.inner h1 {padding-bottom:0}
.logins {max-width:1365px}
.logins > a {margin-top:44px;border-bottom:5px solid #fff;padding:20px 0;width:calc(50% - 25px);max-width:564px;padding-right:20px;background:url(../../images/arrow.svg) no-repeat right center}
.logins > a .text {transition:all 0.2s ease-in-out;font-weight:400}
.logins .circle {width:122px;height:122px;margin-right:35px;}
.logins > a:hover .text{color:var(--cyan)}
#bottom-cta {padding:185px 0;}
#bottom-cta p {padding-bottom:0}

@media only screen and (max-width:1400px){
	.logins > a {max-width:500px;}
}

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


}

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

}

@media only screen and (max-width:991px){ 
	.logins .circle {width:80px;height:80px;margin-right:25px;}
	.logins .circle img {transform:scale(0.8)}
}

@media only screen and (max-width:768px){ 
	.logins {flex-direction: column;}
	.logins > a {width:100%;max-width:100%}
	#bottom-cta {padding:120px 0 0 0;}
}

@media only screen and (max-width:600px){
	.logins .circle {width:60px;height:60px;margin-right:20px;}
	.logins .circle img {transform:scale(0.6)}
	.logins > a {border-bottom: 2px solid #fff;margin-top:0}
	#bottom-cta {padding:50px 0 0 0;}
	#bottom-cta br{display:none}
}

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

}