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

header {
    
}

.btn-success {
    background-color:#a1c181 !important;
}

.bg-orange {
    background-color: #ff971d !important;
}

.bg-yellow {
    background-color: #fcca46 !important;
}

.bg-beige {
    background-color: #f9f6f7 !important;
}

.bg-gradient {
    background: rgba(255,226,38,1);
    background: -moz-linear-gradient(top, rgba(255,226,38,1) 0%, rgba(255,162,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,226,38,1)), color-stop(100%, rgba(255,162,0,1)));
    background: -webkit-linear-gradient(top, rgba(255,226,38,1) 0%, rgba(255,162,0,1) 100%);
    background: -o-linear-gradient(top, rgba(255,226,38,1) 0%, rgba(255,162,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,226,38,1) 0%, rgba(255,162,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,226,38,1) 0%, rgba(255,162,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe226', endColorstr='#ffa200', GradientType=0 );
}

.bg-food {
    background-image: url("../img/bg-food.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.text-shadow {
    text-shadow: 2px 2px 2px black !important;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#a1c181;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.float:hover {
    color: #f9f6f7;
}

img.border {
    border: 1px solid #000000 !important;
    padding: 5px;
}

.my-float{
	margin-top:16px;
}

#contact-box {
    background-color: white;
    border: 5px solid #a1c181;
    border-radius: 10px;
    display: block;
    height: 150px;
    padding: 15px;
    width: 350px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    text-align: center;
}

#contact-box ul {
    display: flex;
    justify-content: center;
    padding: 0px;
}

#contact-box li {
	width:50px;
	height:50px;
    background-color:#a1c181;
    list-style: none;
    color:#FFF;
    line-height: 50px;
	border-radius:50px;
	text-align:center;
    font-size:20px;
    margin: 0 10px;
    z-index:100;
}

.float-box {
    position:fixed;
    bottom:105px;
	right:40px;
}

@media screen and (max-width: 677px) {

    #contact-box {
        height: 130px;
        width: 250px;
    }

    #contact-box li {
        width:40px;
        height:40px;
        line-height: 40px;
        margin: 0 5px;
    }

    .float{
        bottom:20px;
        right:20px;
    }

    #contact-box p {
        font-size: 12px;
        font-weight: 600;
    }

    .my-float{
        margin-top:16px;
    }

    .float-box {
    position:fixed;
    bottom:90px;
	right:20px;
}

}