/* ----------------------------------------------------------------
	Fonts

	Replace your Fonts as necessary
-----------------------------------------------------------------*/



body,
small,
.sub-menu-container .menu-item > .menu-link,
.wp-caption,
.fbox-center.fbox-italic p,
.skills li .progress-percent .counter,
.nav-tree ul ul a,
.font-body { font-family: 'Josefin Sans', sans-serif !important; }


h1,
h2,
h3,
h4,
h5,
h6,
#logo a,
.menu-link,
.mega-menu-style-2 .mega-menu-title > .menu-link,
.top-search-form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.fbox-content h3,
.tab-nav-lg li a,
.counter,
label,
.widget-filter-links li a,
.nav-tree li a,
.wedding-head,
.font-primary { font-family: 'Josefin Sans', sans-serif !important; }


.entry-link span,
.entry blockquote p,
.more-link,
.comment-content .comment-author span,
.comment-content .comment-author span a,
.button.button-desc span,
.testi-content p,
.team-title span,
.before-heading,
.wedding-head .first-name span,
.wedding-head .last-name span,
.font-secondary { font-family: 'Italiana', serif !important; }


/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 320px) { 
	.resFont{
		font-size: 15px;
	}	
	#logo > a{
		height: 80px
	}
	.nav-bg-res{
		background-color: 
			#F7F1F0 !important;width: 100;margin-top: 0px;margin-right: 0px;
	}
	.res-font{
		font-weight: bolder !important; font-size: 16px !important;
		color: #444 !important;
		margin-right: 12px !important;
		margin-top: 5px;
	 }

	 .navbar-nav{
		align-items: center !important;
	 }

	 .img-margin-res img{
		margin-left: 0px !important;
	 }

	 .img-margin-res{
		margin-left: -12px !important;
	 }

 }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.resFont{
		font-size: 19px;
	}	
	#logo > a{
		height: 110px
	}
	.nav-bg-res{
		background-color: 
			#F7F1F0 !important;width: 100;margin-top: 0px;margin-right: 0px;
	}
	.res-font{
		font-weight: bolder !important; font-size: 16px !important;
		color: #444 !important;
		margin-right: 12px !important;
		margin-top: 5px;
	 }
	 .navbar-nav{
		align-items: center !important;
	 }

	 .img-margin-res img{
		margin-left: 0px !important;
	 }

	 .img-margin-res{
		margin-left: -12px !important;
	 }
}
/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.resFont{
		font-size: 20px;
	}	
	#logo > a{
		height: 110px
	}
	.nav-bg-res{
		background-color: 
			#F7F1F0 !important;width: 100;margin-top: 0px;margin-right: 0px;
	}
	.res-font{
		font-weight: bolder !important; font-size: 16px !important;
		color: #444 !important;
		margin-right: 12px !important;
		margin-top: 5px;
	 }

	 .img-margin-res img{
		margin-left: 20px !important;
	 }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

.resFont{
	font-size: 18px;
}	
#logo > a{
	height: 110px
}
.nav-bg-res{
	background-color: 
        #F7F1F0 !important;width: 100;margin-top: 0px;margin-right: 0px;
}
.res-font{
	font-weight: bolder !important; font-size: 16px !important;
	color: #444 !important;
	margin-right: 12px !important;
	margin-top: 5px;
 }
}
