body{
font-family: 'Nunito Sans', sans-serif;
font-weight:100;
font-display: swap;
background-color:#ffa0cd;

}

.main-bg{
	background: url(../img/background.jpg) no-repeat center center;
	background-size: cover;
}

.product-overlay{
	width:50%;
	height:100px;
	position:absolute;
	background-color:#000000;
	opacity:0.5;
	top:150px;
	left:0px;
	display:none;
	overlay:hidden;
}

.product-details{
	width:100%;
	height:150px;
	position:absolute;
	color:black;
	bottom:0px;
	left:0px;
	display:none;
	color:#ffffff;
	padding-left:10px;
	padding-bottom:20px;
	padding-right:10px;
}


.product-details h3{
	width:50%;
}

.product-details .btn{
	position:absolute;
	bottom:20px;
	right:10px;
}



.product-column{
  width:100%;
  height:300px;
  overflow:hidden;
}

.product-name{
	width:100%;
	text-align: center !important;
	font-color:white;
}
.product-name a{
	font-size:25px;
	color:#000000;
}

.product-price{
	width:100%;
	text-align: center !important;
}
.product-price a{
	font-size:20px;
	color:#000000;
}
.search-field
{
	margin-top:20px;
}

.cart-elements{
	position:absolute;
	width:400px;
	background-color:white;
	right:0px;
	display:none;
}

.thumb-pic {
	display:block;
}

#maincontainer{
width: 100%;
	 height: 100%;
	 display: block;
	 position:absolute;
	 /*background-color:#eab8c0;*/
	 background: url(../img/background.jpg) no-repeat center center;
	 background-size: cover;
}

#maincontainer2{
width: 100%;
	 height: 100%;
	 display: block;
	 position:absolute;
	 top:100%;
	 background-color:#ffa0cd;
	 /*background: url(../img/background.jpg) no-repeat center center;
	 background-size: cover;*/
}


.navbar-default {
     background-color: transparent;
     border-color: transparent;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
		font-family:"Satisfy";
		font-size:25px;
}

.navbar-default .navbar-brand {
	color: #000;
	font-family:"Satisfy";
	font-size:20px;
}

.btn-primary {
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}

.btn-primary:hover{
	background-color:#e4685d;
}

.btn-primary:focus{
	background-color:#e4685d;
}

.btn-primary:active{
	position:relative;
	top:1px;
}

.myButton {
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.myButton:hover {
	background-color:#eb675e;
}
.myButton:active {
	position:relative;
	top:1px;
}