@font-face {
	font-family: morche;
	src: url(../fonts/FontsFree-Net-Borest-Standard.ttf);
}
@font-face {
	font-family: mont-bold;
	src: url(../fonts/Montserrat-Bold.ttf);
}
@font-face {
	font-family: mont-semibold;
	src: url(../fonts/Montserrat-SemiBold.ttf);
}
@font-face {
	font-family: mont;
	src: url(../fonts/Montserrat-Medium.ttf);
}
@font-face {
	font-family: mont-light;
	src: url(../fonts/Montserrat-Light.ttf);
}

.footer {
	background-color: #241e09;
	color: #fff;
   min-height: 240px;
}



.footer-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: start;
	min-height: 240px;
	font-size: 18px;
}

.footer-nav {
	display: grid;
	justify-items: start;
	grid-gap: 70px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.footer-description {
   max-width: 220px;
   justify-self: start;
}

.footer-description-title {
	margin-bottom: 24px;
	font-size: 30px;
	font-family: morche;
}
.footer-description-title.quick {
	margin-bottom: 20px;
}
.footer-description-title.links {
	margin-bottom: 10px;
}

.footer-description-detail {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}
.footer-description-detail a{
	font-family: mont-light;
}

.footer-description-icon {
	padding-right: 10px;
}

.footer-follow-us-lists {
	display: flex;
	text-decoration: none;
   list-style-type: none;
}

.follow-us-list {
   justify-self: start;
	padding-right: 10px;
}

.privacy {
    text-decoration: none;
    color: white;
    font-size: 14px;
	font-family: mont-light;
}


@media (max-width: 768px) {


   .footer-nav {
	display: grid;
	justify-items: start;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
}


@media (min-width: 1200px) {


   .footer-nav {
      justify-items: center;
   }
   
}

@media only screen and (max-width: 600px) {
	.footer-container {
		padding: 1.5rem;
	  }
	.footer-description {
		max-width: 100%;
    margin-bottom: 1rem;
	}
	.footer-description-title.quick {
		margin-bottom: 10px;
	}
}
.footer-description-title.logo {
	font-family: morche;
	font-size: 30px;
	margin-bottom: 10px;
  }
  .footer-desc{
	font-family: morche;
  }

  @media only screen and (max-width: 600px) {
	.footer-description-title {
	  margin-bottom: 10px;
	  font-size: 24px;
	}
  }
  .footer-description-detail a {
	font-family: mont-light;
	font-size: 14px;
  }