@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

body {
font-family: 'Montserrat', sans-serif;
	}
	.header-mob {
		background-image: url('img/gay-contacts-header.jpg'); background-position: top center;  background-size: cover;
		}
		.logo {
		width:auto;height:110px;
		}
		.area-list li {
			width: 25%;
			float: left;
		}

	.bg-main {
	background-color: #23132e;
	}
	.bg-dark {
		background-color: #171921;
	}
	.bg-light {
		background-color: #3c3c3d;
	}
		
		p a {
			color: #5147ff;	
			text-decoration: underline;
		}
		
		p a:hover {
			color: #4139c1;	
			text-decoration: none;
		}
		
		.bg-alt {
			background-color:#4139c1;	
		}
		.bg-alt-light {
			background-color: #e11a1a;	
		}
		.bg-alt-dark {
			background-color: #252261;	
		}
		.text-alt {
			color:#5147ff;	
		}
		.text-alt-light {
			color: #5f58d5;	
		}
@media screen and (max-width:500px) {
  
	.logo {
			height: 70px;
    margin-top: -20px;
		}
	.area-list li {
			width: 100%;
			float: left;
		}
	
}