html{
	
}

body{
	font-family: "Lato", sans-serif!important;
	background: #f1f1f1 url(../../../img/bg-dotted-large.png) top center no-repeat!important;
}

.fav-button{
    position:relative;
}
.fav-button span{
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 12px;
    background-color: red;
    border-radius: 12px;
    padding-left: 6px;
    padding-right: 6px;
}

#cart-icon {
    font-size: 2em; /* Pas dit aan aan je voorkeursgrootte */
    /* Voeg andere gewenste stijlen toe */
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
	font-family: "Lato", sans-serif!important;
}

.lato{
	font-family: "Lato", sans-serif!important;
}

.btn{
	font-family: "Lato", sans-serif!important;
}

.banner{
	position:relative;
}

.banner h2{
	background: url(../../../img/bg-curves-purple.png) 0 0 no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	width: 334px;
    height: 150px;
	color:white;
	font-family: "Lato", sans-serif!important;
    padding: 36px 0 0 36px;
	font-weight:bold;
	font-size: 30px;
	background-size: 334px;
    font-size: 30px;
}

.banner .logo{
	position:absolute;
	right:10px;
	bottom:10px;
	width:25%;
}

@media only screen and (max-width: 600px) {
	.banner h2{
		padding: 20px 0 0 20px;
		font-size: 16px; 
		background-size: 150px;
	}
}