html, body {
	width:100%;
	height:100%;
}

body {
	margin:0;
	padding:0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}

header, footer, main, section {
	display: flex;
	width:100%;
}

.rlr-header {
	height: 70%;
	background:#FFF;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.logo-container {
	width:50%;
	margin:0 auto;
}

.contact-link {
    display: flex;
	color:#FFF;
	text-decoration: none;
	font-size: 3rem;
}

ul.contacts {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 2rem;
    justify-content: center;
}

.icon {
    width: 3rem;
    position: relative;
    margin-right: 2rem;
}

.icon:after {
	display: block;
	content:"";
	padding-bottom: 100%;
}

.contact-link-logo {
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	width:100%;
	height:100%;
	object-fit: contain;
}

.tel {
	background:url("images/tel-icon.svg") center center no-repeat;
	background-size: contain;
}

.email {
	background:url("images/tel-icon.svg") center center no-repeat;
	background-size: contain;
}

.rlr-footer {
	height: 30%;
	flex-direction: column;
	justify-content: center;
	background:#273150;
}

@media screen and (min-width:0px) and (max-width:480px) {
	
.logo-container {
    width: 80%;
    margin: 0 auto;
}
	
ul.contacts {
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
}
	
.icon {
    width: 2rem;
    position: relative;
    margin-right: 2rem;
}
	
.contact-link {
    font-size: 6vw;
}
	
}

@media screen and (min-width:0px) and (max-width:900px) and (max-height:480px) and (orientation:landscape) {
	
.contact-link {
    font-size: 2rem;
}
	
}