/*
**
*/

.reser{
	background-color: #f0eade;
	padding: 80px 0px 80px;
}

.reser div h1{
	color: #000;
	font-size: 30px;
	text-align: center;
	text-transform: unset;
	margin-top: 0px;
	margin-bottom: 0px;
}

.reser div p{
    color: #000;
    text-align: center;
    margin-bottom: 3px;
}

.reser div div .tirie{
	height: 4px;
	width: 7%;
	background-color: #000;
	margin: 10px 0px 20px;
	border-radius: 50px;
}

.reser div div a button{
    background-color: transparent;
    border: 2px solid #000;
    color: #000;
    border-radius: 50px;
    font-size: 20px;
    padding: 8px;
    width: 20%;
    margin-top: 30px;
}

.reser div div a button:hover{
    background-color: #000;
    color: #f0eade;
}

.reser div div a button:focus{
    outline: 0px auto -webkit-focus-ring-color;
}

.instagram{
	background-color: #212121;
}

.instagram div{
	color: #f0eade;
}

.instagram div a span{
	color: #f0eade;
}

.eapps-instagram-feed-posts-grid-load-more-container.eapps-instagram-feed-posts-grid-load-more-enabled{
	display: none !important;
}

.contact{
	background-color: #212121;
	padding: 100px 0px 60px;
}

.contact div div h4{
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
}

.contact div div .tirie{
	height: 4px;
	width: 15%;
	background-color: #a71c33;
	margin: 10px 0px 20px;
	border-radius: 50px;
}

.contact div div p{
	color: #fff;
	margin-bottom: 0px;
	font-size: 16px;
}

.contact div div p a{
	color: #fff;
}

.contact div div p a:hover{
	text-decoration: none;
}

.footer{
	background-color: #cbab58;
	padding: 10px 15px;
}

.p{
	float: left;
	font-size: 16px;
}

.p p{
	color: #000;
	margin-bottom: 0px;
}

.res{
	float: right;
}

.res p{
	color: #000;
	margin-bottom: 0px;
	font-size: 16px;
}

.res a span{
	color: #000;
	font-size: 20px;
	margin: 0px 5px;
}

.map{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
     filter: grayscale(90%);
}

.col-xs-4{width:33.33333333%}

.col-xs-8{width:66.66666667%}


@media(max-width: 1366px){
    
    .reser div div p{
        padding: 20px 15px 0px;
    }
}

@media(max-width: 1024px){

}

@media(max-width: 480px){

	.res{
		float: left;
	}
	
	.rs div h1{
	    font-size: 28px !important;
	}

	.reser{
		padding: 80px 0px 70px;
	}
	
	.reser div h1{
	    font-size: 25px;
	}
	
	.reser div p{
	    font-size: 16px;
	}

	.reser div div .tirie{
		width: 15%;
	}
	
	.reser div div a button{
	    padding: 6px;
	    width: 55%;
	}
    
    .footer{
        padding: 20px 15px 10px;
    }
    
    .p p {
        margin-bottom: 10px;
    }
    
    .res p{
        margin-bottom: 10px;
    }
    
    .res a span{
        margin: 0px 10px;
    }
}