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

.container{
	width: 813px;
	margin: 0 auto;
	
	-webkit-box-shadow: -1px 4px 35px -4px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 4px 35px -4px rgba(0,0,0,0.2);
    box-shadow: -1px 4px 35px -4px rgba(0,0,0,0.2);
}	

.clearfix:after {
   content: " "; 
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.img-fluid{
	max-width: 100%;
}
	
.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.text-center {
	text-align: center;
}

.col{
	width: 33.3333%;
	float: left;
}

hr{
    border-style: none;
    height: 3px;
    background: #e0cfcf;
}

.content{
	padding: 0 10px;
}

.top_social{
	margin-top: 20px;
    font-size: 20px;
    margin-right: 15px;
	width: 240px;
	text-align: right;
}

.top_social a{ 
	display: inline-block;
	margin: 0 5px;
	color: #4b1719;
}

.top_social a:hover{
	color: #f58821;	
}

.top_address{ 
    font-size: 14px;
	text-align: right;
	margin-top: 10px;
}
	
.navigation{
	background: #4b1719;
	text-align: center;
}

.navigation a{
	color: white;
	text-decoration: none;
	display: inline-block;
    padding: 10px 36px;
}

.navigation a:hover{
    background: #f58821;
}

.intro_section{
    padding: 10px 0;
	border-bottom: 3px solid #e0cfcf;
    margin-bottom: 10px;
}
	
.main_desc{
	width: 50%;
	line-height: 26px;
	text-align: center;
}

.main_desc p{
    padding-left: 10px;
}

.home_delivery_box{
	text-align: center;
}

.home_delivery_box a{
    background: #f58821;
    color: white;
    text-decoration: none;
    display: inline-block;
    padding: 10px 20px;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 2px;
    border-radius: 25px;
}

.home_delivery_box a:hover{
	background: #ff7c00;
}

.icecream_box{
	background: url("images/frame.png") no-repeat;	
	height: 152px;
	max-width: 225px;
	margin-bottom: 25px;
	margin-left: auto;
    margin-right: auto;
}

.icecream_content{
	padding: 9px 8px 5px 8px;
	display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
	height: 133px;
}

.icecream_name{
    position: absolute;
    bottom: 0px;
    background: #1aabeed9;
    left: 8px;
    right: 7px;
    padding: 4px 4px;
    text-align: center;
    font-size: 18px;
    color: white;
    letter-spacing: 1px;
}	

.icecream_box:hover .icecream_name{
	display: none;
}	

@media (min-width: 1200px) {
  
}