audio, canvas, video {
	display: inline-block;
*display:inline;
*zoom:1;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {
	display: none;
}
/* base */
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
html, button, input, select, textarea, a {
	font-family: 'Mukta', sans-serif;
}
body {
	margin: 0;
	background-color: #ffffff;
	overflow-x:hidden;
	-webkit-animation: bugfix infinite 1s; 
}
/* font */
/* Fonts */

@font-face{ 
	font-family: 'NoSpace';
	src: url('fonts/NoSpaceFont/zerowidthspaces.eot');
	src: url('fonts/NoSpaceFont/zerowidthspaces.eot?#iefix') format('embedded-opentype'),
	     url('fonts/NoSpaceFont/zerowidthspaces.woff') format('woff'),
	     url('fonts/NoSpaceFont/zerowidthspaces.ttf') format('truetype'),
	     url('fonts/NoSpaceFont/zerowidthspaces.svg#NoSpace') format('svg');
}
/* bugfix */
@-webkit-keyframes bugfix { 
  from {padding:0;} 
  to {padding:0;} 
}
/* links */
a:focus {
	outline: thin dotted;
}
a:link, a:visited
{
    color:#01643A;
    text-decoration: none;
}
a:active, a:hover
{
    color: #B0370B;
    text-decoration: none;
}
/*a:active, a:hover {
	outline: 0;
}*/
.navi a,
.navi a.focus {
    text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 400;
    font-family: 'Quattrocento', serif;
}
.navi a:link,
.navi a:visited,
.navi a:hover,
.navi a:active {
	text-decoration: none;
	color: rgba(0,0,0,1.00);
}
.navi li.focus a:before {
    content: "[ ";
    font-weight: bold;
    color: rgba(227,49,45,1.00);
}
.navi li.focus a:after {
    content: " ]";
    font-weight: bold;
    color: rgba(227,49,45,1.00);
}
.navi li.focus a:link,
.navi li.focus a:visited,
.navi li.focus a:hover,
.navi li.focus a:active,
#secmenu.navi a:link,
#secmenu.navi a:visited,
#secmenu.navi a:hover,
#secmenu.navi a:active {
	text-decoration: none;
	color:rgba(0,102,179,1.0);
}
#secmenu.navi li.focus a:link,
#secmenu.navi li.focus a:visited {
	text-decoration: underline;
	color: #ffffff;
}
.article-link {
    background-color: rgba(255,255,255,1.00);
    margin: 2.5% 2.5% 1.5% 0;
    vertical-align: top;
}
.article-link a:link,
.article-link a:visited {
    font-size: 1.0em;
    padding: .13em .43em;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(227,49,45,1.00);
    color: rgba(0,102,179,1.0);
}
.article-file {
    background-color: rgba(255,255,255,1.00);
    margin:2.5% 2.5% 1.5% 0;
    vertical-align: top;
}
.article-file a:link,
.article-file a:visited {
    font-size: 1.0em;
    padding: .13em .43em;
    color: rgba(0,102,179,1.0);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(227,49,45,1.00);
}
/* Typography */
h1, h2, h4, h5, h6 {
    font-family: 'Quattrocento', serif;
    font-style: normal;
    line-height: 1.0125em;
	font-weight: 400;
text-rendering: optimizeLegibility;text-transform: uppercase;
}
h1 {
	font-size: 3.2em;
	margin: .67em 0;
}
h2 {
	font-size: 1.5em;
	margin: 1.83em 0 .83em 0;
}
h3 {
	font-size: 1.4em;
	margin: 1em 0;
    font-family: 'Mukta', sans-serif;
}
h4 {
	font-size: 1em;
	margin: 1.33em 0;
}
h5 {
	font-size: .83em;
	margin: 1.67em 0;
}
h6 {
	font-size: .67em;
	margin: 2.33em 0;
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: 700;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
p, pre {
	margin: 1em 0 1em 0;
	line-height: 1.42em;
    font-size: 1.15em;
    font-family: 'Mukta', sans-serif;
}
q {
	quotes: none;
}
q:before, q:after {
	content: '';
	content: none;
}
small {
	font-size: 80%;
}
.f-osw-n {
	font-weight: normal;
}
/* Lists */
dl, menu, ol, ul {
	margin: 1em 0
}
dd {
	margin: 0 0 0 40px
}
menu, ol, ul {
	padding: 0 0 0 40px
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none
}
/* Embedded content */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
form {
	margin: 0
}
/* Background */

/* Service Header */

/* fiding stuff */
.fnd-lnk {
	position: absolute;
	right: 1%;
	top: 10%;
}
.bx-rel .fnd-lnk img {
	position: static;
	bottom: 0;
	right: 0;
	display: inline-block;
	width: 50%;
	height: 50%;
}
.fnd-remove:before, 
.fnd-close:before, 
.fnd-times:before {
    content: "\2716";
	font-size: 2.4em;
}
/* Full screen search*/
#fnd-cont a {
    color: rgba(0,102,179,1.0);
  font-size: 2rem;
	margin: 0;
	padding: 0;
}
#fnd-cont {
  position:fixed;
  width: 100%;
  height: 0;
  background-color: rgba(255,255,255,0.95);
  display: flex;
  align-items: center;
	margin-left: auto;
	margin-right: auto;
  opacity: 0;
  transition: all .5s;
  will-change: transform, opacity;
  z-index: 997;
}
.fnd-mid {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.fnd-mid p {
	margin: 0;
	padding: 0 0 1% 0;
	color: rgba(0,102,179,1.0);
	font-size: 1.5rem;
  border-width: 0 0 1px 0;
  border-style: solid #fff;
}
.fnd-mid #searchfield {
	-webkit-appearance:none;
  height: 2rem;  
  max-width: 50%;
  background-color: #ffffff;
  color: #717A8E;
  flex: 1 0 auto;
  font-size: 2rem;
  outline: 0;
  padding: 2rem 1rem;
    border-style: solid;
    border-color: rgba(0,102,179,1.0);
    border-width: 3px;
}
#terminate {
  position: absolute;
  right: 5%;
  top: 5%;
}
#fnd-cont:target {
  height: 100vh !important;
  width: 100% !important;
  opacity: 1;
  z-index: 998;
}

/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align: top;
}

/* Other ratios */
.ratio2_1:before {
	padding-top: 50%;
}

/* effects */
#waiting {
    display: none;
    margin: 15px 0px 15px 0px;
    text-align: center;
}

/* nav */
.navi {
}
#topmenu ul {
	padding: 0;
	display: table;
	margin: 0;
}
#topmenu ul li {
	padding: 1.20% 1.5em 1.20% 1.5em;
	border: none;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	margin: 0;
}
#lastmenu a {
    text-transform: uppercase;
	font-size: 1.15em;
	line-height: 1.3em;
	font-weight: 400;
	margin: 0 0.5em 0 0;
    font-family: 'Quattrocento', serif;
}
#lastmenu a:link,
#lastmenu a:visited {
    color:rgba(0,0,0,1.00);
}
#lastmenu a:hover,
#lastmenu a:active {
    color: #A4A4A4;
}
#lastmenu dl, menu, ol, ul {
	margin: 1em 0;
}
#lastmenu ul, ul {
	margin: 0;
}
#lastmenu menu, ol, ul {
	padding: 0 0 0 1.5em;
}
#lastmenu li {
    color: #ffffff;
	list-style-type: disc;
	padding:5% 0 2.5% 5%;/*
    border-color: rgba(128,128,128,1.00);
    border-style: solid;
    border-width: 1px 1px 0 0;*/
}
#lastmenu li.focus {
	list-style-type: none;
    padding: 5% 0 0 5%;
}
#lastmenu li a:before {
    content: "[ ";
    font-weight: bold;
    color: rgba(0,102,179,1.0);
    margin-left: -4%;
}
#lastmenu li a:before {
    content: "[ ";
    font-weight: bold;
    color: rgba(0,102,179,1.0);
    margin-left: -4%;
}
#lastmenu li a:after {
    content: " ]";
    font-weight: bold;
    color: rgba(0,102,179,1.0);
}
#lastmenu ul ul li a:before {
    content: "► ";
    font-weight: bold;
    color: rgba(227,49,45,1.00);
    margin-left: -4%;
}
#lastmenu ul ul li a:after {
    content: none;
}
#lastmenu li.focus a:before {
    content: "[ ";
    font-weight: bold;
    color: rgba(227,49,45,1.00);
    margin-left: -4%;
}
#lastmenu li.focus a:after {
    content: " ]";
    font-weight: bold;
    color: rgba(227,49,45,1.00);
}
/* nav sub */

/* nav mobile */
#header label {
	padding:0 0.125em;
	font:2.875em/1.4375em Arial;
	}
#menu label {
	padding:0 0.25em;
	font:3.125em/1.375em Arial;
	}
#menu .sub-nav label {
	padding:0 0.3125em;
	font:2em/2em Arial;
	top:0;
	}
#main-nav-check, #menu .sub-nav-check {
	position:absolute;
	top:-9999px;
	left:-9999px;
}
.toggle-menu {
	display: none;
    cursor: pointer;
    color: rgba(16,75,105,1.00);
    font-size: 3.2em;
    padding: 2% 2%;
    margin: 0px;
    line-height: 0.65em;
	z-index: 500;
	vertical-align: top;
}
.container {
	background:#fff;
	min-height:100%;
	padding:0;
	margin:0;
}
#menu, #menu .sub-nav {
	position:absolute;
	top:0;
	bottom:0;
	width:13.75em;
	z-index:9999;
	left:-13.75em;
}
.container, #menu, #menu .sub-nav {
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transition:-webkit-transform .25s ease;
	transition:transform .25s ease;
}
#menu ul {
	line-height:2.75em;
	text-decoration:none;
	padding:0;
	list-style:none;
	margin-top:4.0625em;
	border-top:1px solid rgba(227,49,45,1.00);
}
#menu li {
	border-bottom:1px solid rgba(227,49,45,1.00);
}
#menu li a {
	display: block;
	font-size:1.0em;font-weight: 600;
	padding-left:1.5em;
	color: rgba(16,75,105,1.00);
	text-decoration:none;
}
#menu li a:hover, #menu .toggle-sub:hover {
	background:#A4A4A4;
}
#menu .sub-nav {
	margin-top:-1px;
}
#menu .sub-heading {
	margin-top:4.0625em;
	padding-left:1.3125em;
	color: rgba(0,102,179,1.0);
	font: small-caps bold 1.1em;
}
#menu .sub-heading:before {
	content:"";
	display:table-row;
	height:1px;
	width:13.75em;
	margin-left:-1.3125em;
	background:#444;
}
#menu .toggle-sub {
	font:bold 1em/2.75em Arial !important;
	color: rgba(16,75,105,1.00);
	background:rgba(227,49,45,1.00);
	float:right;
	top:auto;
	margin-top:-2.75em;
	width:2.25em;
	border-left:1px solid rgba(227,49,45,1.00);
	cursor:pointer;
	text-align:center;
}
.container, #menu, #menu .sub-nav
{
	-webkit-transform:translate3d(0,0,0)
}

#menu, #menu ul {
	margin-bottom: 0px;
	overflow: hidden;
	text-align:left;
	background-color: rgba(255,255,255,0.97);
	border-right:1px solid rgba(227,49,45,1.00);
}

/* #### - extra css for js enhancement - #### */
#menu .close-all { display:none }
.js #menu .close-all { display:inline; color:#ffffff; }
.js #menu .toggle-menu { top:0; z-index:9999 }
.js #menu .sub-nav .toggle-menu { left:0.15em; width:1em; color: rgba(0,102,179,1.0); }

/* #### - define ids of animated container, menu and sub-menus here - #### */
#main-nav-check:checked ~ .container, #main-nav-check:checked ~ #menu, #menu .sub-nav-check:checked ~ #en-gamla-hamn-sub, #menu .sub-nav-check:checked ~ #en-gamla-hamn-activities-sub, #menu .sub-nav-check:checked ~ #en-gamla-hamn-area-sub, #menu .sub-nav-check:checked ~ #en-gamla-hamn-history-sub, #menu .sub-nav-check:checked ~ #en-gamla-hamn-history-en_kulturhistorisk_resurs-sub, #menu .sub-nav-check:checked ~ #en-gamla-hamn-foreningen-sub, #menu .sub-nav-check:checked ~ #en-gamla-hamn-documents-sub, #menu .sub-nav-check:checked ~ #en-skeppsgarden-sub, #menu .sub-nav-check:checked ~ #en-vega-sub, #menu .sub-nav-check:checked ~ #en-vega-Leader-projekt-sub, #menu .sub-nav-check:checked ~ #en-vega-museum-sub, #menu .sub-nav-check:checked ~ #en-vega-stiftelsen-sub, #menu .sub-nav-check:checked ~ #en-vega-contact-sub, #menu .sub-nav-check:checked ~ #en-vega-krigsskadestandet-sub, #menu .sub-nav-check:checked ~ #en-vega-skonarna-sub, #menu .sub-nav-check:checked ~ #en-vega-bordan_vi_fick_bara-sub, #menu .sub-nav-check:checked ~ #en-jacobstads_wapen-sub {	-webkit-transform:translate(13.75em,0); -ms-transform:translate(13.75em,0); transform:translate(13.75em,0); }

.page-content { padding:1em 2em; max-width:64em; margin:auto }
.page-content:after { display:block; content:''; height:1px } /* fixes bottom padding issue in IE10 */

/* doc */
.doc {
    text-align: left;
	font-family: 'NoSpace';
    z-index: 450;
}
/* images */
.img_scl {
    width: 100%;
	/*overflow: hidden;*/
}
.img_scl:before {
	content: "";
	display: block;
}
.img_scl img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* box */
.content {
	/* Positioning */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.cnt {
	margin: 0px auto;
	z-index: 999;
	height: auto;
	text-align:center;
    width: 100%;
}
.bx-rat {
    width: 100%;
}
.bx-rat:before {
	content: "";
	display: block;
}
.bx-rel {
	position:relative;
}
.bx-rel-inl {
	position:relative;
	display: inline-block
}
.bx-abs {
	position:absolute;
}
.bx-fix {
	position: fixed;
}
/* ratios */
.r_f-bx-l:before {
	padding-top: 110%;
}
.r_f-bx-big:before {
	padding-top: 56.27906977%;
}
.r50_3:before {
	padding-top: 6%;
}
.r200_14:before {
	padding-top: 7%;
}
.r200_18:before {
	padding-top: 9%;
}
/* backgrounds */
.bu-blu {
	background-color: rgba(16,75,105,1.00);
}
.bu-wh {
	background-color: rgba(255,255,255,1.00);
}
.bu-wh-tp80 {
	background-color: rgba(255,255,255,0.80);
}
.bu-wh-tp60 {
	background-color: rgba(255,255,255,0.60);
}
.bu-wh-tp50 {
	background-color: rgba(255,255,255,0.50);
}
/* reoccurring */
.p-ab-t0-l0 {
	position: absolute;
	top: 0;
	left: 0;
}
.p-ab-b0-l0 {
	position: absolute;
	bottom: 0;
	left: 0;
}
.mar0-pad0 {
	padding: 0;
	margin: 0;
}
.pad5 {
	padding: 5%;
}
.brd-l {
	border-left-width: 0 0 0 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
}
.brd-l-r {
	border-right-width: 0 1px 0 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
.brd-t-l {
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #ffffff;
}
.brd-t-l-r {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ffffff;
}
.brd-all {
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
}
.brd-rnd {
	border-radius: 0.5em;
    overflow: hidden;
}

/* tools-menu */
.lng-tool {
    position: absolute;
    top: 0;
    right: 5%;
    text-align: right;
    margin: 0;
    padding: 0;
    width: 20%;
    vertical-align: top;
    overflow: hidden;
}
.lng-txt {
    margin: 0 3% 0 5%;
    display: inline-block;
    padding:3%;
    text-align: left;
    vertical-align: top;
    line-height: 1.0em;
    color: #000000;
    font-size: 1.15em;
    background-color: rgba(170,170,170,1.00);
    border-radius: 0 0 0.5em 0.5em;
}
.lng-txt a:link, .lng-txt a:visited {
    color: #ffffff;
    text-decoration: none;
}
.lng-txt img {
    display: none;
}
/* header */
.hdr-cntnr {
    max-width: 1280px;
    margin: 0 auto 0 auto;
    z-index: 997;
    vertical-align: top;
    text-align: left;
}
.hdr {
    vertical-align: top;
    max-width: 1280px;
}
.hdr-bu-spc {
    width: 100%;
    margin-top: 12%;
    z-index: 990;
}
.r_hdr:before {
	padding-top: 12%;
}
.nav-cont {
	right: 0;
	bottom: 0;
	margin: 0;
	text-align: left;
    width: 80%;
}

.logo {
	position: absolute;
	left: 1%;
	top: 0;
	margin: 0;
	text-align: left;
}
.logo img {
	width: 65%;
}
/* front */
.intr-frnt-top {
    padding-top: 12%;
}
.intr-frnt {
    width: 100%;
    z-index: 450;
}
.r_intr-frnt {
	padding-top: 40%;
}
.intr-frnt-img {
    width: 94%;
    margin:3%;
}
.frnt-cont {
    width: 94%;
    margin: 0 auto 0 auto;
    max-width: 1280px;
}
.r_intr-frnt-img {
	padding-top: 34%;
}
.frnt-fb-cont {
    width: 30%;
    height: 100%;
    display: inline-block;
}
.frnt-fb {
    overflow: hidden;
  padding-top: 	
108.9918256%;
  position: relative;
    height: 100%;
}
.frnt-fb iframe {
   width: 100%;
}
/* 4x3 Aspect Ratio
.frnt-fb-4x3 {
  padding-top: 75%;
} */
.frnt-about-cont {
    width: 64%;
    margin-left: 5%;
    height: 100%;
    display: inline-block;
	vertical-align: top;
}
.frnt-about {
	vertical-align: top;
}
.r_frnt-about {
	padding-top: 50%;
}
.frnt-about-txt {
	margin: 0 5% 5% 5%;
}
.frnt-about-txt h1 {
	margin-top: 0;
}
.frnt-about-txt h3 {
    font-size: 1.2em;
}
.frnt-about-txt p {
    font-size: 1.7em;
    font-family: 'Quattrocento', serif;
}
.f-bx-s {
	display: inline-block;
	width: 48.1%;
	overflow: hidden;
	vertical-align: top;
    margin-top: 2%;
    margin-bottom: 3%;
	vertical-align: top;
}
.r_f-bx-s:before {
	padding-top: 60%;
}
.r_f-bx-s-img:before {
	padding-top: 60%;
}
.f-bx-s-spc {
	display: inline-block;
	width: 3.0%;
	vertical-align: top;
    margin-top: 4%;
}
.front-leader-project {
	width: 100%;
    margin-top: 2%;
}
.front-leader-project img {
	width: 80%;
}

/* page */
.sub-menu {
    display: inline-block;
    margin: 0 5% 5% 2%;
    overflow: hidden;
    padding: 0px;
    vertical-align: top;
    width: 23%;
	font-weight: 400;
    word-wrap:break-word;
}
.pg-hdr,
.pg {
    width: 60%;
	max-width: 1024px;
	margin: 0 auto 3% auto;
	text-align: left;
    display: inline-block;
    vertical-align: top;
}
.pg-hdr {
	margin-bottom: 0;
}
.r_hdr-h1:before {
	padding-top: 9%;
}
.pg-an-col {
    width: 60%;
    display: inline-block;
}
.pg-col {
    width: 30%;
    margin: 0 0 0 5%;
    display: inline-block;
    vertical-align: top;
}
.pg-txt h3 {
	color: rgba(92,92,92,1.00);
    font-size: 1.2em;
}
.imgFloatRgt .article-image {
    float: right;
    width: 45%;
    margin-bottom: 5%;
    margin-left: 5%;
}
.pg-2col {
    column-count: 2;
    column-gap: 10%;
    column-rule-style: solid;
    column-rule-width: 1px;
    column-rule-color: rgba(0,102,179,1.0);
}
.pg-img-lft h2 {
    width: 45%;
    display: inline-block;
    vertical-align: top;
}
.pg-img-lft p {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    min-height: 10.5em;
}
.pg-img-lft .article-image {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    float: right;
}
/* Gallery */
.article-gallery {
    width: 100%;
}
.imageGallery {
}
.GallImg,
.GallImg img {
    width: 100%;
}
.GallImg:before {
    padding-top: 66.66666667%;
}
a[rel=gallery]
{
    border-color: rgba(0,102,179,1.0);
    border-style: solid;
    border-width: 1px;
    cursor: -moz-zoom-in, -webkit-zoom-in, pointer;
    width: 28%;
    display: inline-block;
    padding: 1%;
    margin: 0 3% 3% 0;
}
a[rel=gallery]:hover
{
    border-color: #000000;
}
/* footer */
div.ftr-cntnr {
    width: 100%;
}
div.ftr {
	display: inline-block;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 100%;
    max-width: 1280px;
	color: #ffffff;
	height: auto;
	z-index:20;
}
div.ftr a:link, div.ftr a:visited {
	color: #ffffff;
}
div.ftr h2 {
	font-size: 1.2em;
	margin: 0;
	padding: 0% 0% 3% 0%;
}
div.ftr h3 {
	font-size: 1.05em;
	margin: 0px;
	font-weight:normal;
	padding: 4% 0% 2% 0%;
}
div.ftr h4 {
	font: normal 1.5em;
	margin: 0px;
	padding: 0% 0% 2% 0%;
}
div.ftr p {
	font-size: 0.95em;
	margin: 0;
	padding: 0% 0% 2% 0%;
}
div.ftr-sec {
	margin: 3% 0 3% 3%;
	width: 18%;
	display: inline-block;
	vertical-align: top;
}
div.ftr-sec:nth-child(1),
div.ftr-sec:nth-child(5) {
	width: 12%;
	margin: 3% 0 3% 3%;
}
div.ftr-sec img {
	max-width: 100%;
	max-height: 100%;
	padding: 0% 0% 2% 0%;
}
div.ftr-sec:nth-child(5) img {
	max-width: 60%;
	max-height: 60%;
}
@media (min-width:1152px) and (max-width:1279px) {
body {
	font-size: 85%;
}
/* Typography */
.f-bx-l-h2 h2 {
    font-size: 0.9em;
}
.f-bx-s h2, .f-bx-s-r h2 {
    font-size: 2.3em;
}
.pg-hdr h1 {
    font-size: 2.9em;
}
/* nav sub */
.toggle-menu {
	display:none;
}
/* header */
.logo {
	left: 1%;
	top: 0;
}
.logo img {
	width: 55%;
}
.r_hdr_img:before {
	padding-top: 29.7%;
}
}
@media (min-width:481px) and (max-width:539px) {
/* hide */
.navi,
.sub-menu {
	display: none;
}
/* show */
.toggle-menu {
    display: block;
}
/* header */
.logo {
}
.logo img {
	width: 40%;
}
.lng-tool {
    right: 2%;
    width: 60%;
}
.r_hdr:before,
.intr-frnt-top {
	padding-top: 25%;
}
.r_intr-frnt {
    padding-top: 55%;
}
.r_hdr_img:before {
	padding-top: 57%;
}
.r_hdr-h1-bu:before {
	padding-top: 13%;
}
.nav-cont {
    width: 50%;
}
/* front */
.f-bx-big .content .img_scl .content img {
	object-position: 0 -10%;
}
.frnt-about-cont {
    width: 90%;
}
.r_frnt-about {
    padding-top: 80%;
}
.frnt-fb-cont {
    width: 90%;
}
.f-bx-s {
    width: 96.2%;
    margin-top: 0%;
}
.frnt-fb {
    padding-top: 108.9918256%;
    margin-bottom: 2%;
}
.r_intr-frnt-img {
    padding-top: 50%;
}
/* page */
.pg {
    width: 90%;
    margin-left: 5%;
}
.pg-an-col {
    width: 90%;
}
.pg-col {
    width: 90%;
    margin: 0;
}
/* footer */
div.ftr-sec {
	width: 45%;
	font-size: 75%;
}
/* typography */
h2, p, a {
    font-size: 80%;
}
.lng-txt {
    font-size: 85%;
}
.frnt-about-txt h1 {
    font-size: 140%;
}
.frnt-about-txt h3 {
    font-size: 90%;
}
.pg-txt h1,
.pg h1 {
    font-size: 140%;
}
.pg-txt h3 {
    font-size: 90%;
}
.pg-txt p {
    font-size: 90%;
}
}
@media (min-width:540px) and (max-width:639px) {
/* hide */
.navi,
.sub-menu {
	display: none;
}
/* show */
.toggle-menu {
    display: block;
}
/* header */
.logo {
}
.logo img {
	width: 45%;
}
.lng-tool {
    right: 2%;
    width: 60%;
}
.r_hdr:before,
.intr-frnt-top {
	padding-top: 23%;
}
.r_intr-frnt {
    padding-top: 55%;
}
.r_hdr_img:before {
	padding-top: 57%;
}
.r_hdr-h1-bu:before {
	padding-top: 13%;
}
.nav-cont {
    width: 50%;
}
/* front */
.f-bx-big .content .img_scl .content img {
	object-position: 0 -10%;
}
.frnt-about-cont {
    width: 90%;
}
.r_frnt-about {
    padding-top: 65%;
}
.frnt-fb-cont {
    width: 90%;
}
.f-bx-s {
    width: 47.2%;
    margin-top: 0%;
}
.frnt-fb {
    padding-top: 98.9918256%;
    margin-bottom: 2%;
}
.r_intr-frnt-img {
    padding-top: 50%;
}
/* page */
.pg {
    width: 90%;
    margin-left: 5%;
}
.pg-an-col {
    width: 90%;
}
.pg-col {
    width: 90%;
    margin: 0;
}
/* footer */
div.ftr-sec {
	width: 45%;
	font-size: 75%;
}
/* typography */
h2, p, a {
    font-size: 80%;
}
.lng-txt {
    font-size: 85%;
}
.frnt-about-txt h1 {
    font-size: 150%;
}
.frnt-about-txt h3 {
    font-size: 90%;
}
.pg-txt h1,
.pg h1 {
    font-size: 150%;
}
.pg-txt h3 {
    font-size: 90%;
}
.pg-txt p {
    font-size: 90%;
}
}
@media (min-width:640px) and (max-width:767px) {
/* hide */
.navi,
.sub-menu {
	display: none;
}
/* show */
.toggle-menu {
    display: block;
}
/* header */
.logo {
}
.logo img {
	width: 50%;
}
.lng-tool {
    right: 2%;
    width: 60%;
}
.r_hdr:before,
.intr-frnt-top {
	padding-top: 20%;
}
.r_intr-frnt {
    padding-top: 55%;
}
.r_hdr_img:before {
	padding-top: 57%;
}
.r_hdr-h1-bu:before {
	padding-top: 13%;
}
.nav-cont {
    width: 50%;
}
/* front */
.f-bx-big .content .img_scl .content img {
	object-position: 0 -10%;
}
.frnt-about-cont {
    width: 90%;
}
.r_frnt-about {
    padding-top: 55%;
}
.frnt-fb-cont {
    width: 90%;
}
.f-bx-s {
    width: 47.2%;
    margin-top: 0%;
}
.frnt-fb {
    padding-top: 78.9918256%;
    margin-bottom: 2%;
}
.r_intr-frnt-img {
    padding-top: 50%;
}
/* page */
.pg {
    width: 90%;
    margin-left: 5%;
}
.pg-an-col {
    width: 45%;
}
.pg-col {
    width: 40%;
}
/* footer */
div.ftr-sec {
	width: 45%;
	font-size: 75%;
}
/* typography */
h2, p, a {
    font-size: 80%;
}
.lng-txt {
    font-size: 85%;
}
.frnt-about-txt h1 {
    font-size: 150%;
}
.frnt-about-txt h3 {
    font-size: 90%;
}
.pg-txt h1,
.pg h1 {
    font-size: 150%;
}
.pg-txt h3 {
    font-size: 90%;
}
.pg-txt p {
    font-size: 90%;
}
}
@media (min-width:768px) and (max-width:979px) {
body {
	font-size: 60%;
}
/* Typography */
.f-bx-l-h2 h2 {
    font-size: 0.8em;
}
.f-bx-s h2, .f-bx-s-r h2 {
    font-size: 2.0em;
}
.pg-hdr h1 {
    font-size: 2.3em;
}
/* nav sub */
.toggle-menu {
	display:none;
}
/* header */
.logo {
	left: 2%;
	top: 0;
}
.logo img {
	width: 37%;
}
.r_hdr_img:before {
	padding-top: 29.3%;
}
/* front */
.f-bx-l {
	width: 33%;
}
/* page */
.pg-an-col {
    width: 40%;
}
.pg-col {
    width: 45%;
}
}
@media (min-width:980px) and (max-width:1151px) {
body {
	font-size: 75%;
}

/* Typography */
.f-bx-l-h2 h2 {
    font-size: 0.8em;
}
.f-bx-s h2, .f-bx-s-r h2 {
    font-size: 2.0em;
}
.pg-hdr h1 {
    font-size: 2.6em;
}
/* nav sub */
.toggle-menu {
	display:none;
}
/* header */
.logo {
	left: 2%;
	top: 0;
}
.logo img {
	width: 50%;
}
.r_hdr_img:before {
	padding-top: 29.6%;
}
/* front */
.f-bx-l {
	width: 33%;
}
/* page */
.pg-an-col {
    width: 50%;
}
.pg-col {
    width: 45%;
}
}
@media (max-width:480px) {
/* hide */
.navi,
.sub-menu {
	display: none;
}
/* show */
.toggle-menu {
    display: block;
}
/* header */
.logo {
}
.logo img {
	width: 35%;
}
.lng-tool {
    right: 2%;
    width: 60%;
}
.r_hdr:before,
.intr-frnt-top {
	padding-top: 30%;
}
.r_intr-frnt {
    padding-top: 55%;
}
.r_hdr_img:before {
	padding-top: 57%;
}
.r_hdr-h1-bu:before {
	padding-top: 13%;
}
.nav-cont {
    width: 50%;
}
/* front */
.f-bx-big .content .img_scl .content img {
	object-position: 0 -10%;
}
.frnt-about-cont {
    width: 95%;
    margin-left: 0;
}
.frnt-about-txt {
    margin: 0 0 5% 0;
}
.frnt-fb-cont {
    width: 95%;
}
.f-bx-s {
    width: 96.2%;
    margin-top: 0%;
}
.frnt-fb {
    padding-top: 148.9918256%;
    margin-bottom: 2%;
}
.frnt-fb .content iframe html {
    transform: scale(0.7); /* Equal to scaleX(0.7) scaleY(0.7) */
} 
.r_intr-frnt-img {
    padding-top: 50%;
}
/* page */
.pg {
    width: 90%;
    margin-left: 5%;
}
.pg-an-col {
    width: 100%;
}
.pg-col {
    width: 90%;
    margin: 0;
}
/* footer */
div.ftr-sec {
	width: 45%;
	font-size: 75%;
}
.pg-2col {
    column-count: 1;
}
.pg-img-lft h2,
.pg-img-lft p,
.pg-img-lft .article-image {
    width: 90%;
    float: none;
}
/* typography */
h2, p, a {
    font-size: 80%;
}
.article-link a:link, 
.article-link a:visited {
    font-size: 80%;
}
.lng-txt {
    font-size: 80%;
}
.frnt-about-txt h1 {
    font-size: 120%;
}
.frnt-about-txt h3 {
    font-size: 80%;
    line-height: 1.22em;
}
.pg-txt h1,
.pg h1 {
    font-size: 120%;
}
.pg-txt h3 {
    font-size: 85%;
}
.pg-txt p {
    font-size: 85%;
}
}