body {
    line-height: 1.6;
    background-color: #fff;
    margin: 0;
    padding: 0;
    overflow: auto;
    font-family: Lato-Regular;
    color: #1B416D;
}

:root {
    --dark-gray: #3c3c3c;
    --medium-gray: #5c5c5c;
    --light-gray: #787878;
    --lighter-gray: #dedede;
    --lightest-gray: rgb(195, 195, 195);
    --border-gray: #e8e8e8;
    --hover-blue: #cde3ff;
    --active-blue: #4a6baf;
    --padding-base: 15px;
    --submenu-indent: 30px;
}

.cntr {	
	display: flex;	
	align-items: center;
	justify-content: center;
}
#menu_bar {
	top: 0;
	width: 100%;
	height: 36px;
	background-color: #eeeeee;
	border-bottom: 1px solid #b3b3b3;
	position: fixed;
	z-index: 10;
}

#menu_bar a,
.menu_icon_div a {
    text-decoration: none;
    color: inherit;
}

.menu_top {
	margin-top: 60px;
}
.menu_open_close {
	width: 44px;
	height: 100%;
	margin-left: 3px;
	margin-right: 3px;
	cursor: pointer;
	float: left;
}
.diy_logo {
	float: left;
	font-family: Lato-Black;
	letter-spacing: 2px;
	height: 36px;
	margin-top: -1px;
	color: #355C91;
}
.di {
	width: 34px;
	font-size: 34px;
}
.y {
	width: 33px;
	font-size: 35px;
	margin-top: -7px;
}
.diy_hdi {
	display: none;
}
.menu_icon_div {
	width: 36px;
	height: 100%;
	position: relative;
	cursor: pointer;
	float: left;
}
.menu_icon_div img {
	width: 27px;
	height: auto;
	margin-top: 6px;
	margin-left: 5px;
}
.menu_lit {
	width: 32px;
	height: 3px;
	margin-left: 2px;
	background-color: #464646;
	display: none;	
}
.top_menu_num {
	top: 21px;
	right: 6px;
	width: 15px;
	height: 13px;
	padding-top: 2px;
	position: absolute;
	background-color: #FF0004;
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	border-radius: 163px;
	cursor: pointer;
}	
.blue_fixed_bar {	
	top: 37px;		/* #menu_bar height, just below menu_bar */
	width: 100%;
	height: 44px;
	color: #FFFFFF;
	cursor: pointer;
	background-color: #6387B2;
	border-bottom: 1px solid #eeeeee;
	position: fixed;	
	z-index: 10;
}
.menu_blue {	
	margin-top: 81px;	/*.menu_bar + .blue_fixed_bar*/
}
.menu_lines {
	width: 22px;
	height: 4px;
	margin-top: 4px;
	margin-left: 10px;
	border-radius: 8px;
	background-color: #000000;
}
.menu_lines_first {
	margin-top: 9px;	
}
#menu_close {
	display: none;
	font-size: 25px;
	font-weight: bold;
	line-height: 36px;
	text-align: center;
	font-family: Arial;
}
#menu_center {
	margin: auto;
	width: 100%;
	height: 100%;
	max-width: 768px;
	position: relative;
}
.sxn_content {
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 54px;
}
.sxn_content a:link,.sxn_content a:visited,.sxn_content a:active,.sxn_content a:hover  {
	color: #004DC5;
}
h1 {
	text-align: center;
	font-size: 1.8em;
	line-height: 37px;
	padding-top: 22px;
	padding-bottom: 10px;
	letter-spacing: 1px;
	font-family: Lato-Black;
}
h2 {
	margin-top: 29px;
	margin-bottom: 0px;
	padding-bottom: 19px;
	font-family: Lato-Bold;
	line-height: 32px;
}
p {
	color: #1B416D;
	font-size: 16px;
	line-height: 25px;
	margin-top: 0px;
	text-align: justify;
}
.sxn_head {
	width: 100%;
	height: 33px;
	padding-top: 4px;
	padding-bottom: 4px;
	outline: 1px solid #D4DDE9;
	background-color: #EEEEEE;
}
.sxn_profile {
	width: 33px;
	height: 100%;
	margin-left: 4px;
	float: left;	
}
.sxn_title {
	width: 264px;
	font-size: 1.2em;
	padding-top: 6px;
	text-indent: 9px;
	font-family: Roboto-Condensed-Bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	float: left;
}
.sxn_photo_count {
	padding-top: 7px;
	font-family: Lato-Bold;
	float: right;
}
.photo_pg {
	text-align: right;
	float: left;
}
.photo_of {
	width: 15px;
	font-size: 10px;
	line-height: 23px;
	text-align: center;
	color: #000000;
	float: left;
}
.photo_total {
	float: left;
	text-align: left;
	padding-right: 4px;
}
.photo_frame {
	width: 100%;
	height: auto;
	position: relative;	
}
.photo_frame img {
	width: 100%;
	height: 100%;
	display: block;		
}
.next_click {
	top: 42%;
	width: 25px;
	cursor: pointer;
	position: absolute;
}
.next_click img {
	width: 100%;
	height: 100%;
	display: block;		
}
.photo_zoom {
	bottom: 13px;
	width: 32px;
	right: 8px;
	cursor: pointer;
	position: absolute;
}
.pip_buttons {
	width: 100%;
	height: 47px;
	background-color: #eeeeee;
}
.button_icon {
	width: 32px;
	height: 32px;
	font-size: 10px;
	border-radius: 47px;
	background-size: 19px 19px;
	background-position: 7px 7px;
	background-repeat: no-repeat;
	border: 1px solid #9FB7D4;
	background-color: #FFFFFF;
	margin-left: 7%;
	cursor: pointer;	
	float: left;
}
.button_share {
	background-image: url(../../../x/img/share_z.webp);
	background-position: 7px 5px;
	background-size: 21px 23px;
}
.button_like {
	margin-left: 0%;
	background-position: 6px 8px;
}
.heart_on {
	background-image: url(../../../x/img/heart_c.webp);	
}
.heart_off {
	background-image: url(../../../x/img/heart_z.webp);	
}
.button_zoom {
	background-image: url(../../../x/img/zoom_z.webp);	
	background-position: 6px 6px;
	background-size: 20px 20px;
}
.button_folder {
	background-image: url(../../../x/img/folder_z.webp);
	text-align: center;
	line-height: 36px;
	color: #FFFFFF;
}
.projected {
	background-image: url(../../../x/img/folder_c.webp);
}
.button_comment {
	background-image: url(../../../x/img/comment_z.webp);
	background-size: 23px 21px;
	background-position: 5px 6px;
	color: #FFFFFF;
	text-align: center;
	line-height: 33px;
}
.curved_div {
	width: 100%;
	height: 21px;
}
.curved_border {
	width: 92%;
	max-width: 750px;
	height: 100%;
	margin: auto;
	background-color: #A6C4E8;
}
.curved_top {
	border-top-left-radius: 57px;
	border-top-right-radius: 57px;	
}
.curved_bottom {
	border-bottom-left-radius: 57px;
	border-bottom-right-radius: 57px;
}
.dt_frame {
	width: 100%;
	margin: auto;
	max-width: 800px;
	outline: 1px solid #D4DDE9;
}
#full_opac {
	z-index: 15;
	width: 100%;
	height: 100%;
	opacity: .7;
	background-color: #000000;
	position: fixed;
	top: 0;	
	display: none;	
}
#pg_opacity {
	z-index: 2;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.bg_opacity {
	opacity: .60;
	background-color: #333E4B;
	position: fixed;
	display: none;
}
.ajax_window {
	position: relative;
	display: none;
}
.hide {
	display: none;
}
.inline {
	display: inline-block;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.touch {
	-webkit-overflow-scrolling: touch;	
}
.next_frame {
	width: 100%;
	height: auto;
	margin: auto;
	max-width: 1000px;
	background-color: #EEEEEE;
	outline: 1px solid #D4DDE9;
	border-top: 8px solid #EEEEEE;
	border-bottom: 8px solid #EEEEEE;
}
#footer {
	width: 100%;
	padding-top: 40px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	text-align: center;
	line-height: 36px;
}
#footer a:link,#footer a:visited,#footer a:active,#footer a:hover {
	color: #305D93;
	font-weight: normal;

}
.cp_form {
	display: none;
	z-index: 10;
}
.commented {
	background-image: url(../../../x/img/comment_c.webp);
}
.back_title {
	width: 56%;
	height: 27px;
	padding-top: 6px;
	font-size: 20px;
	text-align: center;
	float: left;	
}
.back_bracket {
	width: 8%;
	height: 32px;
	font-size: 32px;
	text-indent: 10px;
	cursor: pointer;

	float: left;
}
.back_word {
	width: 13%;
	height: 27px;
	padding-top: 12px;
	font-size: 17px;
	text-indent: 6px;
	cursor: pointer;
	float: left;
}
.back_x {
	width: 8%;
	height: 25px;
	padding-top: 6px;
	padding-right: 2%;
	font-size: 27px;
	text-align: left;
	font-weight: bold;
	cursor: pointer;
	float: left;
}
.dots_mobile_css {
	top: 38px;
	width: 100%;	
	height: 100px;
	position: relative;
	display: none;
}
.dots_white_bg {
	width: 90px;
	height: 17px;
	margin: auto;	
	margin-top: 30px;
	background-image: url(../../../harbor/img/dots/dots_white.gif);	
	background-size: 100% 100%;	
	background-repeat: no-repeat;
}
#dots_dt {
	display: none;
}
.dots_white_on_blue {
	width: 90px;
	height: 17px;
	margin: auto;
	margin-top: 9px;
	background-image: url(../../../harbor/img/dots/dots_blue_on_white_90.gif);
	background-size: 100% 100%;	
	background-repeat: no-repeat;		
}
.dots_blue_on_white {
		width: 150px;
		height: 29px;
		margin: auto;
		margin-top: 9px;
		background-image: url(../../../harbor/img/dots/dots_white.gif);
		background-size: 100% 100%;	
		background-repeat: no-repeat;	
}
/* RELATED CONTENT */
.h2_heading h2 {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	text-indent: 10px;
}
.related_content {
	padding-top: 20px;
	padding-bottom: 8px;
	background-color: #EEEEEE;
}
.rc_frame {
	width: 90%;
	margin: auto; 
	margin-bottom: 40px;
	border-radius: 15px;
	border: 1px solid #7F99C2;
	cursor: pointer;
}
.rc_pic {
	width: 100%;
	height: 100%;
}
.rc_pic img {
	width: 100%;
	height: 100%;
	display: block;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.rc_title {
	color: #2355A3;  
	text-align: center;
	font-size: 1.5em;
	padding-top: 15px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 20px;
	letter-spacing: .7px;
	font-family: Lato-Black;
	background-color: #FFFFFF;
	border-top: 1px solid #7F99C2;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	line-height: 34px;
}
/* SIMILAR IDEAS */
.si_h2 {
	padding-top: 10px;
	background-color: #EEEEEE;
	padding-bottom: 8px;
	padding-left: 13px;
}
.si_h2 h2 {
	padding: 0;
	margin: 0;
}
.si_block {
	width: 100%;
	margin-top: 4px;
	margin-bottom: 4px;		/*match outline of .si_frame*/
}
.si_frame {
	width: 50%;
	outline: 10px solid #eeeeee;
	float: left;
}
.si_picture {
	width: 100%;
	height: 100%;	
}
.si_picture img {
	width: 100%;
	height: 100%;
	display: block;		
}
.si_bottomPad {
	padding-bottom: 114px;
}
/*NEXT PAGE*/
#np_textAds {
	width: 92%;
	height: 248px;
	padding-top: 17px;
	padding-bottom: 32px;
	margin: auto;
}
#np_tB_col2 {
	display: none;
}
#np_tB_col3 {
	display: none;
}
.np_textButton {
	width: 100%;
	height: 64px;
	margin-top: 15px;
	border-radius: 10px;
	background-color: #FFFFFF;
	border: 1px solid #CDCDCD;
	cursor: pointer;
}
.np_tB_num {
	width: 39px;
	height: 30px;
	padding-top: 9px;
	margin-left: 13px;
	margin-top: 13px;
	color: #FFFFFF;
	background-color: #606060;
	float: left;
	text-align: center;
	font-size: 19px;
	border-radius: 8px;
}
.np_tB_name {
	width: 218px;
	height: 34px;
	text-indent: 10px;
	font-size: 18px;
	padding-top: 21px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #000000;
	float: left;
}
.np_textButton:hover {
	background-color: #6387B2;	
	border: 1px solid #6387B2;
}
.np_textButton:hover .np_tB_num {
	color: #6387B2;
	background-color: #FFFFFF;
}
.np_textButton:hover .np_tB_name {
	color: #FFFFFF;
}
#np_center {
	width: 92%;
	height: 110px;
	cursor: pointer;
	margin: auto;
}
.np_first {
	border-top-left-radius: 8px;	
	border-bottom-left-radius: 8px;
}
.np_square {
	width: 18%;
	height: 45px;
	padding-top: 15px;
	float: left;
	background-color: #FFFFFF;
	border-left: 1px solid #606060;
	border-bottom: 1px solid #606060;
	border-top: 1px solid #606060;
	text-align: center;
	font-size: 24px;
	color: #606060;
}
.np_current {
	background-color: #606060;
	border-left: 1px solid #606060;
	border-bottom: 1px solid #606060;
	border-top: 1px solid #606060;
	color: #EBEBEB;
	cursor: default;
}
#np_nextpage {
	width: 44%;
	height: 60px;
	float: left;
	background-color: #606060;
	border-right: 1px solid #606060;
	border-top: 1px solid #606060;
	border-bottom: 1px solid #606060;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	color: #FFFFFF;
}
#np_next {
	float: left;
	font-size: 17px;
	padding-left: 8px;
	padding-top: 18px;
	font-family: Arial;
}
#np_symb {
	float: left;
	font-size: 30px;
	padding-left: 6px;
	padding-top: 11px;
}
.size_1 {
	display: none;
}
.size_1_start {
	border-top-left-radius: 8px;	
	border-bottom-left-radius: 8px;	
}
#np_textAds {
	padding-top: 30px;
	padding-bottom: 50px;
}
#cookie_div {
	width: 100%;
	position: fixed;
	z-index: 10;
	bottom: 0; 
	display: none;
}
#cookie_consent {
	width: 100%;
	text-align: justify;
	background-color: #FEFFE4;
	border-top: 2px solid #000000;
	position: fixed;
	z-index: 20;
	bottom: 0;
	padding-bottom: 2px;
}
#cookie_text {
	width: 94%;
	padding-top: 5px;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 5px;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
}
#cookie_text a:link,#cookie_text a:visited,#cookie_text a:active,#cookie_text a:hover{
	color: #000000;
	font-weight: bold;
}
#cookie_button_rows {
	width: 100%;
}
.cookie_button {
	width: 73%;
	height: 34px;
	line-height: 36px;
	margin: auto;
	margin-top: 2px;
	text-align: center;
}
#cookie_accept{
	color: #FFFFFF;
	font-size: 16px;
	border-radius: 8px;
	background-color: green;
	cursor: pointer;
	margin-bottom: -5px;
}
#cookie_settings {
	font-size: 12px;	
	text-decoration: underline;
	color: #626262;
}
#cookie_settings a:link,#cookie_settings a:visited,#cookie_settings a:active,#cookie_settings a:hover{
	color: #000000;
}

#zoom_window {
	display:none;
	z-index:20;
	position:absolute;
	width:100%;
	height:100%;
	background-color: white;
}

@media screen and (min-width: 400px) {
	p {
		font-size: 17px;
		line-height: 27px;
	}
	.sxn_title {
		width: 301px;
		font-size: 1.2em;
	}
	.np_tB_name {
		width: 273px;
		font-size: 20px;
	}
	#np_center {
		height: 110px;
	}
	.np_square {
		height: 48px;
		padding-top: 20px;
	}
	#np_nextpage {
		height: 68px;
	}
	#np_next {
		font-size: 20px;
		padding-left: 13px;
		padding-top: 23px;
	}
	#np_symb {
		font-size: 37px;
		padding-left: 8px;
		padding-top: 9px;
	}
}

@media screen and (min-width: 417px) {
	.y {
		width: 27px;
		font-size: 37px;
		margin-top: -10.5px;
	}
	.diy_hdi {
		width: 41px;
		float: left;
		display: block;
		font-family: Lato-Black;
		font-size: 10px;
		line-height: 11px;
		margin-top: 3px;
		color: #000000;
		letter-spacing: 1px;
	}
	.rc_title {
		font-size: 1.6em;
		padding-top: 20px;
		padding-bottom: 28px;
	}
}

@media screen and (min-width: 600px) {
	#menu_bar {
		height: 45px;
	}
 	.menu_top {
		margin-top: 56px;
	}
	.menu_lines {
		width: 26px;
		margin-top: 6px;
		margin-left: 10px;
	}
	.menu_lines_first {
		margin-top: 11px;	
	}
	#menu_close {
		font-size: 32px;
		line-height: 45px;
	}
	.di {
		width: 40px;
		font-size: 41px;
		margin-top: -2px;
	}
	.y {
		width: 32px;
		font-size: 42px;
		margin-top: -10px;
	}
	.diy_hdi {
		width: 72px;
		font-size: 14px;
		line-height: 14px;
		letter-spacing: 2px;
	}	
	.menu_icon_div {
		width: 41px;
	}
	.menu_icon_div img {
		width: 32px;
		margin-top: 8px;	
	}
	.menu_lit {
		width: 34px;
		height: 4px;
		margin-left: 3px;
	}
	.top_menu_num {
		top: 27px;
	}
	.blue_fixed_bar {	
		top: 46px;
	}
	h1 {
		font-size: 2em;
	}
	.curved_div {
		height: 40px;
	}
	.sxn_content {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 70px;
	}
	.sxn_head {
		height: 39px;
	}
	.sxn_profile {
		width: 39px;
		margin-left: 5px;	
	}
	.sxn_title {
		width: 442px;
		font-size: 1.6em;
		padding-top: 5px;
		text-indent: 15px;
	}
	.sxn_photo_count {
		font-size: 24px;
		padding-top: 6px;
	}
	.photo_of {
		width: 25px;
		font-size: 16px;
		line-height: 29px;
	}
	.photo_total {
		padding-right: 10px;
	}
	.next_click {
		top: 43%;
		width: 30px;
	}
	.pip_buttons {
		height: 56px;
	}
	.button_icon {
		width: 40px;
		height: 40px;
		font-size: 12px;
		margin-left: 10%;
		background-size: 25px 25px;
		background-position: 8px 8px;
	}
	.button_share {
		background-position: 7px 6px;
		background-size: 30px 28px;
	}
	.button_like {
		margin-left: 0%;
		background-position: 8px 9px;
	}
	.button_zoom {
		background-size: 27px 27px;
	}
	.button_comment {
		background-size: 28px 28px;
		background-position: 6px 7px;
	}
	.blue_fixed_bar {
		height: 53px;
		border-bottom: 2px solid #eeeeee;
	}
	.back_bracket {
		width: 8%;
		height: 37px;
		line-height: 58px;
		font-size: 40px;
		text-indent: 18px;
	}
	.back_word {
		width: 8%;
		height: 29px;
		padding-top: 14px;
		font-size: 23px;
	}	
	.back_title {
		width: 68%;
		height: 34px;
		padding-top: 3px;
		font-size: 27px;
	}
	.back_x {
		width: 4%;
		height: 33px;
		padding-top: 8px;
		padding-right: 3%;
		text-align: right;
		font-size: 30px;
	} 	
	.dots_white_bg {
		width: 240px;
		height: 46px;
		margin-top: 80px;
		background-image: url(../../../harbor/img/dots/dots_gray_240.gif);
	}	
	.rc_frame {
		width: 45%;
		/*margin-left: 3%;		obf.css */
		float: left;
	}
	.rc_title {
		padding-top: 0;
		padding-left: 7px;
		padding-right: 7px;
		padding-bottom: 5px;
		height: 87px;
  		display: flex;
  		align-items: center;	
	}
	.rc_center {	
		width: 100%;
		font-size: 20px;
		text-align: center;
		line-height: 32px;
	}
	#np_textAds {
		width: 96%;
		height: 245px;
		padding-top: 35px;
	}
	#np_tB_col1 {
		width: 49%;
		height: 300px;
		float: left;
	}
	#np_tB_col2 {
		width: 49%;
		height: 300px;
		margin-left: 2%;
		float: left;
		display: block;
	}
	.np_tB_num {
		width: 33px;
		height: 28px;
		padding-top: 5px;
		margin-left: 8px;
		margin-top: 16px;
		font-size: 18px;
	}
	.np_tB_name {
		width: 83%;
		font-size: 19px;
	}
	#np_center {
		width: 96%;
		height: 166px;
	}
	.np_square {
		font-size: 28px;
		width: 13%;
		height: 60px;
		padding-top: 27px;
	}
	#np_nextpage {
		width: 33%;
		height: 87px;
	}
	#np_next {
		font-size: 23px;
		padding-left: 20px;
		padding-top: 31px;
	}
	#np_symb {
		font-size: 45px;
		padding-left: 12px;
		padding-top: 12px;
	}
	.size_1 {
		display: inline-block;
	}
	.size_2 {
		display: none;
	}	
	.size_1_start {
		border-top-left-radius: 0px;	
		border-bottom-left-radius: 0px;	
	}	
	.size_2_start {
		border-top-left-radius: 8px;	
		border-bottom-left-radius: 8px;	
	}
	#cookie_text {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 6px;
	}
	#cookie_settings {
		font-size: 14px;
	}
	.cookie_button {
		width: 300px;
		height: 44px;
		line-height: 47px;
	}
	#cookie_accept{
		font-size: 19px;
	}
	.rc_frame {
		margin-left: 3%;
	}
}

@media screen and (min-width: 768px) {
	.y {
		width: 25px;
	}
	.diy_hdi {
		width: 202px;
		font-size: 19px;		
		margin-top: 25.5px;
		letter-spacing: 1px;
	}		
	.diy_words {
		float: left;
	}
	.diy_ti {
		text-indent: 6px;
	}	
	h1 {
		font-size: 2.5em;
		padding-top: 38px;
		padding-bottom: 16px;
	}
	.sxn_title {
		width: 583px;
	}
	.sxn_content {
		width: 90%;
		max-width: 1000px;
		margin: auto;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 97px;
	}
	h2 {
		font-size: 29px;
		padding-top: 13px;
		padding-bottom: 32px;
	}
	p {
		font-size: 19px;
		line-height: 30px;
	}
	.blue_fixed_bar {
		height: 53px;
	}
	.fixed_head_center {
		width: 100%;
		height: 100%;
		max-width: 768px;
		margin: auto;
	}
	.back_bracket {
		width: 7%;
	}
	.back_word {
		width: 8%;
		padding-top: 13px;
		font-size: 24px;
		text-indent: 0px;
	}	
	.back_x {
		width: 4%;
		height: 33px;
		padding-top: 10px;
		padding-right: 3%;
		text-align: right;
		font-size: 30px;
	}
	.back_title {
		width: 70%;
		height: 38px;
		padding-top: 6px;
		font-size: 30px;
	}
	.dots_white_bg {
		margin-top: 50px;
	}
	.dots_white_on_blue {
		width: 135px;
		height: 26px;	
		background-image: url(../../../harbor/img/dots/dots_blue_on_white_135.gif);
	}
	.related_content {
		max-width: 998px;
		margin: auto;
	}
	.rc_title {
		padding-top: 10px;
		padding-left: 17px;
		padding-right: 17px;
		padding-bottom: 15px;	
	}
	.rc_center {
		font-size: 26px;
		line-height: 38px;
	}
	.si_h2 {
		max-width: 978px;
		margin: auto;
		padding-top: 20px;
		padding-bottom: 17px;
		padding-left: 22px;
	}
	#np_textAds {
		height: 295px;
	}	
	.np_textButton {
		height: 72px;
	}
	.np_tB_name {
		font-size: 21px;
		padding-top: 24px;
		text-indent: 13px;
	}
	.np_tB_num {
		width: 35px;
		height: 30px;
		padding-top: 5px;
		margin-left: 15px;
		margin-top: 19px;
		font-size: 20px;
	}
	.size_2 {
		display: inline-block;
	}
	.size_3 {
		display: none;
	}	
	.size_2_start {
		border-top-left-radius: 0px;	
		border-bottom-left-radius: 0px;	
	}	
	.size_3_start {
		border-top-left-radius: 8px;	
		border-bottom-left-radius: 8px;	
	}
	.np_square {
		font-size: 28px;
		width: 9.7%;
		height: 60px;
		padding-top: 27px;
	}
	#np_center {
		height: 150px;
	}
	#np_nextpage {
		width: 30%;
		height: 87px;
	}
	#np_next {
		width: 135px;
		font-size: 26px;
		padding-left: 22px;
		padding-top: 31px;
	}
	#np_symb {
		font-size: 43px;
		padding-left: 9px;
		padding-top: 15px;
	}	
	.si_frame {
		width: 33.33%;
	}	
}

@media screen and (min-width: 800px) {
	.si_bottomPad {
		padding-bottom: 150px;
	}
}

@media screen and (min-width: 935px) {
	.h2_heading h2 {
		padding-bottom: 14px;
		text-indent: 22px;
	}
	.si_frame {
		width: 25%;
	}
	.rc_frame {
		max-width: 412px;
/*		margin-top: 16px;		obf.css
		margin-left: calc((100vw - 830px)/ 3);*/
	}
	.si_h2 {
		padding-top: 28px;
		padding-bottom: 25px; 
		text-indent: 8px;
	}	
}

@media screen and (min-width: 1000px) {  
	.si_block {
		width: 981px;
		margin: auto;
		margin-top: 4px;		/*match outline of .si_frame*/
	}
	#np_tB_col1 {
		width: 32%;
		height: 300px;
		float: left;
	}
	#np_tB_col2 {
		width: 32%;
		height: 300px;
		margin-left: 2%;
		float: left;
		display: block;
	}
	#np_tB_col3 {
		width: 32%;
		height: 300px;
		margin-left: 2%;
		float: left;
		display: block;
	}
}

@media screen and (min-width: 1024px) {
	.menu_top {
		margin-top: 66px;
	}	
}

@media screen and (min-width: 1366px) {
	#cookie_text {
		width: 100%;
		text-align: center;
		padding: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 16px;
	}
}

@media only screen and (min-width : 320px) and (max-width : 812px) { body { -webkit-text-size-adjust: none;}} /* Fix for iPhones making text huge when going landscape mode */

@font-face {
  	font-family: Lato-Black;
  	src: url("../fonts/Lato/Lato-Black.ttf");
	font-display: swap;
}
@font-face {
  	font-family: Lato-Bold;
  	src: url("../fonts/Lato/Lato-Bold.ttf");
	font-display: swap;
}
@font-face {
  	font-family: Lato-Regular;
  	src: url("../fonts/Lato/Lato-Regular.ttf");
	font-display: swap;
}
@font-face {
  	font-family: Roboto-Condensed-Bold;
  	src: url("../fonts/Roboto/Roboto_Condensed-Bold.ttf");
	font-display: swap;
}

/* .menu_icon_div { 
	margin-left: calc(((100vw - (100vw - 100%)) - 297px) / 5);
}

@media screen and (min-width: 417px){
	.menu_icon_div{
		margin-left:calc(((100vw - (100vw - 100%)) - 332px) / 5);
	}
}

@media screen and (min-width: 600px){
	.rc_frame {
		margin-left: 3%;
	}
	.menu_icon_div{
		margin-left:calc(((100vw - ( 100vw - 100%)) - 399px) / 5);
	}
}
@media screen and (min-width: 768px){
	.menu_icon_div{
		margin-left: calc(((100vw - (100vw - 100%)) - 537px) / 5);
	}
}
@media screen and (min-width: 935px){
	.rc_frame {
		margin-left: calc((100vw - 830px) / 3);
	}
}
@media screen and (min-width: 1015px){
	.rc_frame {
		margin-left: 56px;
	}
} */
/* END OF KEEP SEPERATE */