/* your styles go here */
/*--------------------------------------------------------------
## Remove Blue Outlines on Some Browsers
--------------------------------------------------------------*/

a, a:visited { outline: none; }
a:hover,
a:active,
a:focus {
  /*Edit at will*/
  background: #ccc;  
}

.navbar img#logo {
	content: url('../img/logo/Ozen-Candle-Logo-White.png');
}

.navbar.fixed-top img#logo {
	content: url('../img/logo/Ozen-Candle-Logo.png');
}

.navbar:hover img#logo {
	content: url('../img/logo/Ozen-Candle-Logo.png');
}

.top-spacer {
	margin-top:80px!important;
}

.no-hover-effect:hover, .no-hover-effect:focus, .no-hover-effect:active {
	background: transparent!important; /* or set this to the normal background of your <a> tags */
}

.logo {
	max-width:300px;
	max-height:44px;
}

/*--------------------------------------------------------------
## MEDIA QUERIES
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## iPad Pro Landscape
--------------------------------------------------------------*/

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

}

/*--------------------------------------------------------------
## iPad Landscape
--------------------------------------------------------------*/

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

}

/*--------------------------------------------------------------
## iPad Portrait
--------------------------------------------------------------*/

@media only screen and (max-width : 768px) {
	
}

/*--------------------------------------------------------------
## In Between
--------------------------------------------------------------*/

@media only screen and (max-width : 568px) {
	
}

/*--------------------------------------------------------------
## iPhone 8 Plus
--------------------------------------------------------------*/

@media only screen and (max-width : 414px) {
	
	.logo {
		max-width:200px;
		max-height:29px;
	}
	
}

/*--------------------------------------------------------------
## iPhone 8
--------------------------------------------------------------*/

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


}

/*--------------------------------------------------------------
## iPhone SE
--------------------------------------------------------------*/

@media only screen and (max-width : 320px) {
 
 .logo {
	 max-width:150px;
	 max-height:22px;
 }
 
}