@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300&display=swap');

body{
	font-family: 'Prompt', sans-serif;
}

.logo{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 30px;
}

.header {
	margin-top: -10px;
	height: 120px;
	background-color: #FFFFFF;
	transition: 0.2s; /* Add a transition effect (when scrolling - and font size is decreased) */
}

.header.tiny {
  height:90px;
  background: #FFFFFF;
   -webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 4px 6px -6px #222;
  padding-top: 20px;
}

.header.tiny .logo-img{
	width: 80%;
	margin-top: 5px;
	margin-bottom: 10px;
}

.navbar-toggler{
	color: #007bff !important;
	border-color: #007bff !important;
}

.navbar-toggler-icon{
	color: #007bff !important;
	border-color: #007bff !important;
	
}

.head-link{
	padding-left: 15px;
	padding-right: 15px;
}

.head-link a{
	font-size: 20px;
}

.social-icon a{
	color: #000000;
}

.language{
	text-align: right;
}

.content{
	margin-bottom: 30px;
	margin-top: 110px;
}

.title{
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 50px;

}

.title:after {
 
}

.box-product{
	margin-bottom: 50px;
}

.box-product p{
	display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-news{
	box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.content-data img{
	max-width: 100%;
	height:auto;
}

.footer-bar{
	background-color: #000000;
	color: #ffffff;
	padding-top: 20px;
	font-size: 14px;
}

.icon-footer{
	text-align: right;
}

.img-cat{
	height: 350px;
}

.img-product{
	height: 350px;
}

@media(max-width: 767px){
	
	
	.header.tiny .logo-img{
		width: 80px;
		margin-top: 10px;
	}
	
	.navbar-toggler {
    	color: #007bff !important;
    	border: none;
	}
	
	.logo-img{
		width: 125px;
	}
	
	.head-link{
		padding-left: 10px;
		padding-right: 0px;
	}
	
	.social-icon{
		padding-left: 10px;
	}

	.head-link a{
		font-size: 16px;
	}
	
	.title{
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
		font-weight: bold;
		font-size: 20px;
	}
	
	.language{
		text-align: left;
		padding-left: 10px;
	}
	
	.navbar-collapse{
		margin-left: -16px;
		width: 1000px;
	}
	
	.box-product{
		margin-bottom: 20px;
	}
	
	.content-data img{
		max-width: 100%;
		height:auto;
	}
	
	.navbar-nav {
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    padding-left: 0;
	    margin-bottom: 0;
	    list-style: none;
	    width: 1000px;
	}
	
	.icon-footer{
		text-align: center;
	}
	
	.menu-footer{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
	.img-cat{
		height: auto;
	}
	
	.img-product{
		height: auto;
	}

}
