﻿* {
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
}
ul {
	list-style-position: inside;
}
p, li {
	text-align: justify;
	text-justify: inter-word;
}

.social-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: white;
	background-color: #24262b;
	text-align:center;
	line-height: 40px;
	transition: all 0.3s ease;
	margin: 15px 5px;
}

.social-icon:hover {
	color: #24262b;
	background-color: #ffffff;
}

.get-it-on-google-play img{
	width: 182px;
	height: 56px;
	padding: 20px;
	-webkit-filter: drop-shadow(1px 1px 0 white)
                drop-shadow(-1px 1px 0 white)
                drop-shadow(1px -1px 0 white)
                drop-shadow(-1px -1px 0 white);

	filter: drop-shadow(1px 1px 0 white)
			drop-shadow(-1px 1px 0 white)
			drop-shadow(1px -1px 0 white)
			drop-shadow(-1px -1px 0 white);
}

/* ================== HEADER ====================== */
.header {
	/*background-color: #4CA658;*/
}

.header .navbar {
	display: flex;
	padding: 2% 6%;
	justify-content: space-between;
	align-items: center;
}

.header .navbar .links {
	flex: 1;
	text-align: right;
}

.header .navbar .links .button {
	list-style: none;
	display: inline-block;
	padding: 8px 12px;
	position: relative;
}

.header .navbar .links .button .link {
	color: white;
	text-decoration: none;
	font-size: 20px;
}

.header .navbar .links .button .link:hover {
	color: yellow;
	transition: 0.3s all;
}

/* =============== MAIN CONTENT ================== */
.main-content {
	max-width: 960px;
	margin: auto;
	padding: 50px;
	min-height: 90vh;
	color: black;
}

/* ================= FOOTER ====================== */
.footer {
	background-color: black;
	padding: 30px 80px 200px 80px;
}

.footer .content {
	max-width: 1500px;
	margin: auto;
}

.footer .content .social {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer .content .social .follow-us {
	display: inline-block;
	color: white;
}

.footer .content .social .follow-us .links a {
	color: white;
	background-color: rgba(255, 255, 255, 0.2);
}
	
.footer .content .social .follow-us .links a:hover {
	color: #24262b;
	background-color: #ffffff;
}

.footer .content .social .download {
	display: inline-block;
}

.footer .content hr {
	width: 100%;
	border: 0;
	border-bottom: 1px solid #ccc;
	margin: 20px auto;
}

.footer .content .agreements a {
	color: white;
	text-decoration: none;
	padding: 20px;
	font-size: 13px;
}