.beach-flag-widget {
    background: url("/includes/public/assets/beach_flag_background.png") scroll no-repeat;
    height: 160px;
    width: 523px;
    left: 0;
    position: relative;
    margin: auto;
}
.beach-flag-widget .beach-condition {
	padding-top: 40px;
	margin-left: -40px;
}

.beach-flag-widget .message , .beach-flag-widget .credit {
	font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    color: #6d6c6b;
    font-family: 'KievitPro-Regular';
    text-align: right;
    width: 290px;
       		margin-top: 5px;
}
.beach-flag-widget.inPage {
	position: relative;
    left: -25px;
    top: 0;
    /* margin-left: 100px; */
    margin-top: 28px;
}


.beach-flag-widget .beach-flag2 {
	position: absolute;
	bottom: 76px;
    left: 251px;
	border:none;
}

.beach-flag-widget .condition-doublered .beach-flag2 {
	bottom: 46px;
    left: 256px;
}
.beach-flag-widget .beach-flag {
	position: absolute;
	bottom: 112px;
    left: 245px;
	border:none;
}
.beach-flag-widget .condition-doublered .beach-flag {
    bottom: 81px;
    left: 245px;
}


.beach-flag-widget .marine-life-flag {
	position: absolute;
	bottom: 70px;
	left: 331px;
	border: none;
}
.beach-flag-widget .condition-doublered .marine-life-flag {
	bottom: 34px;
	left: 337px;
}

.beach-flag-widget .credit {
	font-size: 12px;
	color: #7a644e;
	padding-right: 3px;
}

.footerWrapper .top{
	color: #2aafd7;
	font-size: 11px;
	line-height: 12px;
	margin-bottom: 16px;
}

.iframe .beach-flag-widget .beach-flag {
	top: 50px;
	right: 50px;
}

.iframe .beach-flag-widget .beach-condition {
    padding-top: 25px;
}

.iframe .beach-flag-widget {
	height: 145px;
}

.iframe .beach-flag-widget {
    background: url("/includes/public/assets/beach_flag_background.png") scroll no-repeat;
    height: 160px !important;
    left: 0 !important;
    position: relative !important;
    margin: auto !important;
}

.iframe .beach-flag-widget .beach-flag {
    top: 0px;
    left: 245px;
    right: 0px;

}

.iframe .beach-flag-widget .message, .iframe .beach-flag-widget .credit {
    text-align: right;
    width: 245px;
    margin: 0px;
}

@media only screen and (max-width: 1040px) {
	.beach-flag-widget.inPage {
		margin-top: 0px !important;
	}


	.beach-flag-widget {
		background-position: -90px; 
		text-align:center;
		width: 300px;
		margin: auto;
	}

	.beach-flag-widget .beach-flag {
	    top: 52px;
    	left: 154px;
	}

	.beach-flag-widget .condition-doublered .beach-flag2 {
		top: 122px;
		left: 166px;
	}

	.beach-flag-widget .beach-flag2 {
		top: 88px;
    	left: 160px;
	}



	.beach-flag-widget .condition-doublered .beach-flag {
	    top: 51px;
	    left: 154px;
	}


	.beach-flag-widget .beach-condition {
	    padding-top: 190px;
	}

	.beach-flag-widget {
	    height: 260px;
	}

	.beach-flag-widget .message, .beach-flag-widget .credit {
	    text-align: center;
	    width: 100%;
	    margin-left: 1.2rem;
	    margin-right: 2rem;
	       		margin-top: 5px;

	}

	.beach-flag-widget .beach-condition {
		margin-left: 0px;
	}



	.beach-flag-widget {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 1280px) and (min-width: 767px) {

	.beach-flag-widget.inPage {
		margin-top: -90px !important;
		margin-bottom: 12px;

	}

	.beach-flag-widget {
		background-position: -90px; 
		text-align:center;
		width: 300px;
		margin: auto;
	}

	.beach-flag-widget .beach-flag {
	    top: 52px;
    	left: 154px;
	}

	.beach-flag-widget .condition-doublered .beach-flag {
	    top: 51px;
	    left: 154px;
	}

	.beach-flag-widget .condition-doublered .beach-flag2 {
		top: 122px;
		left: 166px;
	}


	.beach-flag-widget .beach-flag2 {
		top: 88px;
    	left: 160px;
	}

	.beach-flag-widget .beach-condition {
	    padding-top: 190px;
	}

	.beach-flag-widget {
	    height: 260px;
	}

	.beach-flag-widget .message, .beach-flag-widget .credit {
	    text-align: center;
	    width: 100%;
	    margin-left: 1.2rem;
	    margin-right: 2rem;
   		margin-top: 5px;
	}

	.beach-flag-widget .beach-condition {
		margin-left: 0px;
	}

	.beach-flag-widget {
		margin-bottom: 15px;
	}


}