/* this is to make the slider image on mobile different from the regular slider image########*/

@media(max-width: 767px) {
	.page-header {
		background-image: url("../img/idlewild-background-mobile.jpg") !important;
	}
}


/*
* General Custom Styles
*/

mark {
  background: rgba(255, 219, 75, 0.8);
  color: #000;
}


.swoosh {
	width: 140px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 30px;
	max-width: 100%;
	vertical-align: middle;
}

.custom-top-image-border-1 {
	position: relative;
}
.custom-top-image-border-1:before {
	content: '';
	display: block;
	position: absolute;
	top: -3.0vw;
	left: 0;
	width: 100%;
	height: 8vw;
	background: url('../img/styled-border-2.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

.custom-top-image-border-2 {
	position: relative;
}
.custom-top-image-border-2:before {
	content: '';
	display: block;
	position: absolute;
	top: -3.2vw;
	left: 0;
	width: 100%;
	height: 8vw;
	background: url('../img/styled-border-1.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

.circle-background {background-color:rgba(0, 0, 0, 0.3); 
 width:300px !important; 
  height: 300px !important;  }