body {
  background-color: rgb(255, 255, 255);
  overflow-x: hidden;
	font-family: Arial, Helvetica, sans-serif
}



.containall {
	position: absolute;
	overflow-x: hidden;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	min-height: 100%;
}

.forside {
	display: block;
	position: absolute;
	z-index: 2;
	top: 0%;
	left: 0%;
	right: 0%;
	width: 100%;
	height: 100%;
	margin: 0 auto 0 auto;
	background-image: url('../images/lerret4e.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	/*padding-bottom: 10px;*/
}

#top {
	position: absolute;
	width: 1px;
	top: 0px;
	left: 0px;
}

#vignett {
	display: block;
	position: fixed;
	z-index: 4;
	width: 70%;
	left: 16%;
	top: 4%;
	height: inherit;
	background-image: url('../images/al4.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#vignett_e {
	display: block;
	position: fixed;
	z-index: 4;
	width: 70%;
	left: 15%;
	top: 4%;
	height: inherit;
	background-image: url('../images/al4.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.links {
	display: block;
	position: fixed;
	z-index: 90;
	width: 70%;
	left: 16%;
	top: 0%;
	height: 100%;
}

.linkTXT {
	display: block;
	position: absolute;
	z-index: 91;
	top: 57%;
	left: 0%;
	font-family: Garamond, serif;
	font-size: 1.5vw;
	font-weight: 500;
	letter-spacing: 1px;
}

.CG_LINK a{
	color: #262626;
	padding-left: 0.3vw;
	padding-top: 0.2vw;
	padding-right: 0.3vw;
	padding-bottom: 0.1vw;
	animation-name: understrekA;
	animation-delay: 2s;
	animation-duration: 1s;
	animation-iteration-count: 2;
	/*animation-timing-function: ease-in-out;*/
}

@keyframes understrekA{
	0% {background-color: transparent;}
	25% {background-color: #e7b10a;}
	0% {color: #262626;}
	1% {color: #f8f8ff;}
	25% {color: #f8f8ff;}
}

.CG_LINK:hover a{
	color: #f8f8ff;
	background-color: #e7b10a;
	text-decoration: none;
}

.og {
	color: #262626;
	text-decoration: none;
}

.og:hover {
	opacity: 1;
}

.illus_LINK a{
	color: #262626;
	padding-left: 0.3vw;
	padding-top: 0.2vw;
	padding-right: 0.3vw;
	padding-bottom: 0.1vw;
	animation-name: understrekB;
	animation-delay: 2.5s;
	animation-duration: 1s;
	animation-iteration-count: 1;
	/*animation-timing-function: ease-in-out;*/
}

@keyframes understrekB{
	0% {background-color: transparent;}
	25% {background-color: #e7b10a;}
	0% {color: #262626;}
	1% {color: #f8f8ff;}
	25% {color: #f8f8ff;}
}

.illus_LINK:hover a{
	color: #f8f8ff;
	background-color: #e7b10a;
	text-decoration: none;
}

.info {
	display: block;
	position: absolute;
	z-index: 91;
	bottom: 16px;
	left: 16px;
	width: 42px;
	height: 34px;
	background: url('../images/info22.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
	opacity: 1;
}

.info:hover {
	background: url('../images/info_old.png');
}

.flagge {
	display: block;
	position: absolute;
	z-index: 91;
	bottom: 0px;
	left: 96px;
	width: 42px;
	height: 34px;
	background: url('../images/flagg_e.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	opacity: 1;
}

.flagge:hover {
	opacity: 0.6;
}

.flaggn {
	display: block;
	position: absolute;
	z-index: 91;
	bottom: 0px;
	left: 96px;
	width: 42px;
	height: 34px;
	background: url('../images/flagg_n.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	opacity: 1;
}

.flaggn:hover {
	opacity: 0.6;
}


.sticky {
	position: -webkit-sticky;	/* edit */
	position: sticky;
	top: 93%;					/* edit */
	right: 0px;
	z-index: 110;
	width: 100%;
	max-width: 100%;
}

.hjem {
	position: absolute;
	border: 0;
	outline: none;
	z-index: 91;
	width: 23px;
	height: 34px;
	right: 12px;
    bottom: -40px; 
	background-image: url('../images/upp.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	opacity: 0.5;
}

.hjem:hover {
	opacity: 1;
}

.innhold {
	display: block;
	position: absolute;
	z-index: 8;
	top: 100%;
	left: 0%;
	right: 0%;
	width: 100%;
	padding: 0px 0px 600px 0px;
	height: auto;
	min-height: 400px;
	margin: 0 auto;
	background-color: #1f1f1f;
	font-family: Arial, Helvetica, sans-serif
}

.introa {
	width: 7%;
	left: 0px;
	height: 1px;
	top: 0px;
	z-index: 8;
}

.illusa {
	width: 7%;
	left: 0px;
	height: 1px;
	top: 0px;
	z-index: 8;
}

.CG_header {
	font-family: Garamond, serif;
	font-size: 1.8vw;
	color: #f8f8ff;
	font-weight: bold;
	letter-spacing: 0.16vw;
	text-align: left;
}

.CG_header_1 {
	font-size: 1.3vw;
	font-weight: normal;
	color: #e7b10a;
	line-height: 1.6vw;
}

.CG_header_2 {
	font-size: 0.9vw;
	font-weight: normal;
	color: #707f92;
	line-height: 1.2;
}

.kasse1 {
	display: block;
	position: relative;
	z-index: 25;
	top: -1px;
	left: 0%;
	right: 0%;
	width: 100%;
	max-width: 100%;
	height: fit-content;
	min-height: 200px;
	max-height: 100%;
	margin: 0 auto 0 auto;
	background-color: #3e4956;
	border-top: 1px solid #2f2f34;
/* 	border-bottom: 1px solid #2f2f34; */
}

.kasse2 {
	display: block;
	position: relative;
	z-index: 24;
	top: -1px;
	left: 0%;
	right: 0%;
	width: 100%;
	max-width: 100%;
	height: 100%;
	min-height: 200px;
	max-height: 100%;
	margin: 0 auto 0 auto;
	background-color: #f8f8ff;
}

.kasse3 {
	display: block;
	position: relative;
	z-index: 25;
	top: -1px;
	left: 0%;
	right: 0%;
	width: 100%;
	max-width: 100%;
	height: 100%;
	min-height: 200px;
	max-height: 100%;
	margin: 0 auto 0 auto;
	background-color: #1d2228;
	border-top: 1px solid #1d2228;
	border-bottom: 1px solid #1d2228;
}

#gallery1 {
	position: relative;
	clear: both;
	z-index: 50;
	height: 100%;
	width: 60%;
	max-width: 100%;
	margin: 7% 0% 10% 31%;
	background-color: #e7b10a;
	padding: 3px 7px 2px 6px;
	box-shadow: 0.2vw 0vw 0.9vw 0.05vw #1d2228;
}

#stolpe1 {
	display: block;
	position: absolute;
	clear: both;
	z-index: 20;
	top: -1px;
	height: 100%;
	width: 30%;
	left: 3%;
	background-color: #1d2228;
	padding-top: 11%;
	padding-left: 6%;
	padding-right: 7%;
	padding-bottom: auto;
}

#gallery2 {
	position: relative;
	clear: both; 
	z-index: 26;
	width: 80%;
	max-width: 100%;
	margin: 15% auto 10% auto;
/*	background-color: #f8f8ff;*/
	padding: 3px 7px 2px 6px;
	box-shadow: 0.2vw 0vw 0.9vw 0.05vw #ccccd4;
}

#gallery3 {
	position: relative;
	clear: both;
	z-index: 32;
	width: 80%;
	max-width: 100%;
	margin: 6% auto 10% 10%;
/*	background-color: #1d2228;*/
	padding: 3px 7px 2px 6px;
	box-shadow: 0.2vw 0vw 0.9vw 0.05vw #000;
}

.mellomtext {
	position: absolute;
	font-family: Garamond, serif;
	font-size: 1.4vw;
	color: #1f1f1f;
	font-weight: bold;
	letter-spacing: 0.16vw;
	/*margin: 5% auto 5% auto;*/
	top: 8%;
	width: 100%;
	left: 0%;
	text-align: center;
	font-variant: normal;
}

.mellomtext_sub {
	font-size: 0.8vw;
	font-weight: normal;
	text-align: center;
/*	margin: 0% auto 2% 50%;*/
	color: #1f1f1f;
}

.mellomtext2 {
	font-family: Garamond, serif;
	z-index: 33;
	font-size: 1.1vw;
	color: #f8f8ff;
	font-weight: normal;
	letter-spacing: 0.16vw;
	line-height: 2vw;
	margin: 6% 10% 2% 6%;
	text-align: left;
	font-variant: normal;
}

.mellomtext2_sub {
	font-size: 0.8vw;
	font-weight: normal;
	margin: 0% auto 2% 0%;
	color: #f8f8ff;
}

.footer {
	display: block;
	overflow: hidden;
	position: absolute;
	background-color: #f8f8ff;
	bottom: 0px;
	width: 100%;
	max-width: 100%;
	height: 602px;
	max-height: 602px;
	/*font-family: Arial, Helvetica, sans-serif*/
}

#fot {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.foten {
	position: absolute;
	width: 1px;
	height: 1px;
	left: 0px;
	bottom: 0px;
}

.footertxt1 {
	position: absolute;
	width: 27%;
	top: 32%;
	left: 18%;
	text-align: left;
	color: #1d2228;
	font-family: Garamond, serif;
	font-size: 1.4vw;
	line-height: 1.1;
	text-transform: none;
}

.footertxt1 span {
	font-size: 1.2vw;
	line-height: 1.1;
	color: #666;
}

.footertxt2 {
	position: absolute;
	width: 27%;
	top: 32%;
	left: 64%;
	text-align: left;
	color: #1d2228;
	font-family: Garamond, serif;
	font-size: 1.4vw;
	line-height: 1.2;
	text-transform: none;
}

.footertxt2 span {
	font-size: 1.2vw;
/*	line-height: 14pt;*/
	color: #666;
	text-transform: none;
	line-height: 1.2;
	font-variant: small-caps;
}


.cpyright {
	display: block;
	position: absolute;
	background-color: #1d2228;
	color: #f8f8ff;
	width: 98%;
	max-width: 100%;
	height: 50px;
	text-align: center;
	bottom: 10px;
	left: 1%;
	right: 1%;
	border-radius: 3px;
	padding: 20px 4px 4px 4px;
	font-family: Garamond, serif;
	font-weight: normal;
	font-size: 0.8vw;
	text-transform: uppercase;
}

.cpyright span {
	font-size: 0.8vw;
}

.flaggfot_e {
	position: absolute;
	float: right;
	z-index: 91;
	width: 28px;
	height: 20px;
	right: 15px;
	bottom: 15px;
	background: url('../images/lang_e.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	opacity: 0.9;
}

.flaggfot_e:hover {
	opacity: 0.4;
}

.flaggfot_n {
	position: absolute;
	float: right;
	z-index: 91;
	width: 28px;
	height: 20px;
	right: 15px;
	bottom: 15px;
	background: url('../images/lang_n.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	opacity: 0.9;
}

.flaggfot_n:hover {
	opacity: 0.4;
}


/*--------------------------------------------------------------------------------------------------------------*/



@media only screen and (orientation: portrait) {

#vignett {
	background-image: url('../images/ap4.svg');
	top: 0%;
	left: 18%;
}

#vignett_e {
	background-image: url('../images/ap4.svg');
	top: 0%;
	left: 18%;
}

.links {
	display: block;
	position: fixed;
	margin: auto;
	width: 70%;
	top: 0%;
	left: 15%;
	height: 100%;
	text-align: center;
}

.linkTXT {
	position: relative;
	margin: auto;
	top: 86%;
	font-size: 2.7vw;
	text-align: center;
}

.og {
	font-size:2.6vw;
}

.info {
	bottom: 16px;
	left: 16px;
	width: 42px;
	height: 34px;
}

.flagge {
	bottom: 72px;
	left: 0px;
	width: 40px;
	height: 34px;
}

.flaggn {
	bottom: 72px;
	left: 0px;
	width: 40px;
	height: 34px;
}

.innhold {
	width: 100%;
}

#gallery2 {
	width: 94%;
	margin: 15% auto 10% auto;
}

#gallery3 {
	width: 94%;
	margin: 3% auto 12% auto;
}

.hjem {
	bottom: -60px; 
}

.mellomtext {
	position: absolute;
	font-size: 1.8vw;
	/*margin: 5% auto 5% auto;*/
	top: 8%;
}

.mellomtext_sub {
	font-size: 1.2vw;
	font-weight: normal;
}

.mellomtext2 {
	font-size: 1.4vw;
	letter-spacing: 0.16vw;
	line-height: 2vw;
	margin: 6% 10% 2% 6%;
}

.mellomtext2_sub {
	font-size: 1vw;
	margin: 0% auto 2% 0%;
}

.cpyright {
	font-size: 0.9vw;
}

.cpyright span {
	font-size: 0.9vw;
}
}


/*--------------------------------------------------------------------------------------------------------------*/



@media only screen and (orientation: landscape) and (max-width: 1440px) {

.links {
	left: 16%;
}

.innhold {
	width: 100%;
}

.hjem {
	right: 12px;
	bottom: -38px;
	width: 23px;
	height: 34px;
}

.mellomtext {
	position: absolute;
	font-size: 1.8vw;
	/*margin: 5% auto 5% auto;*/
	top: 8%;
}

.mellomtext_sub {
	font-size: 1.2vw;
	font-weight: normal;
}

.mellomtext2 {
	font-size: 1.4vw;
	letter-spacing: 0.16vw;
	line-height: 2vw;
	margin: 6% 10% 2% 6%;
}

.mellomtext2_sub {
	font-size: 1vw;
	margin: 0% auto 2% 0%;
}

.cpyright {
	font-size: 0.8vw;
}

.cpyright span {
	font-size: 0.8vw;
}

}


/*--------------------------------------------------------------------------------------------------------------*/



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



#vignett {
	top: 0%;
	left: 19%;
}

#vignett_e {
	top: 0%;
	left: 19%;
}


.links {
	margin: auto;
	width: 70%;
	top: 0%;
}

.linkTXT {
	margin: auto;
	top: 84%;
	font-size: 3vw;
	text-align: center;
}

.og {
	font-size:2.9vw;
}

.info {
	bottom: 16px;
	left: 16px;
	width: 28px;
	height: 20px;
	background: url('../images/infos22.png');
}

.info:hover {
	background: url('../images/infos_old.png');
}

.flagge {
	bottom: 72px;
	left: 0px;
	width: 40px;
	height: 34px;
}

.flaggn {
	bottom: 72px;
	left: 0px;
	width: 40px;
	height: 34px;
}

.hjem {
	right: 10px;
	bottom: -50px;
	width: 22px;
	height: 30px;
}

.cpyright {
	font-size: 1vw;
}

.cpyright span {
	font-size: 1vw;
}

}


/*--------------------------------------------------------------------------------------------------------------*/



@media only screen and (orientation: landscape) and (max-width: 960px) {


#vignett {
	left: 16%;
}

#vignett_e {
	left: 14%;
}

.links {
	width: 70%;
	left: 16%;
	top: 0%;
	height: 100%;
}

.linkTXT {
	top: 57%;
	left: 0%;
}

.info {
	bottom: 16px;
	left: 16px;
	width: 28px;
	height: 20px;
	background: url('../images/infos22.png');
}

.info:hover {
	background: url('../images/infos_old.png');
}

.flagge {
	bottom: 0px;
	left: 64px;
	width: 28px;
	height: 20px;
	background: url('../images/flaggs_e.png');
}

.flaggn {
	bottom: 0px;
	left: 64px;
	width: 28px;
	height: 20px;
	background: url('../images/flaggs_n.png');
}


#gallery2 {
	width: 94%;
	margin: 15% auto 12% auto;
}

#gallery3 {
	width: 94%;
	margin: 3% auto 12% auto;
}

.hjem {
	bottom: -24px;
	right: 9px;
	width: 20px;
	height: 26px;
}

.mellomtext {
	font-size: 2vw;
	top: 8%;
}

.mellomtext_sub {
	font-size: 1.6vw;
	margin: 0% auto 2% 0%;
}

.mellomtext2 {
	font-size: 1.8vw;
	letter-spacing: 0.16vw;
	margin: 6% auto 6% 6%;
}

.mellomtext2_sub {
	font-size: 1.6vw;
	margin: 0% auto 2% 0%;
}

.footertxt1 {
	font-size: 1.6vw;	
	width: 36%;
}

.footertxt2 {
	font-size: 1.6vw;
	width: 36%;
}

.cpyright {
	font-size: 1.4vw;
}

.cpyright span {
	font-size: 1.4vw;
}

}


/*--------------------------------------------------------------------------------------------------------------*/



@media only screen and (orientation: portrait) and (max-width: 960px) {


#vignett {
	top: 0%;
	left: 19%;
}

#vignett_e {
	top: 0%;
	left: 19%;
}

.links {
	margin: auto;
	width: 70%;
	top: 0%;
	height: 100%;
}

.linkTXT {
	margin: auto;
	top: 86%;
	font-size: 3.0vw;
	text-align: center;
}

.info {
	bottom: 16px;
	left: 16px;
	width: 28px;
	height: 20px;
}

.flagge {
	bottom: 44px;
	left: 0px;
	width: 28px;
	height: 20px;
	background: url('../images/flaggs_e.png');
}

.flaggn {
	bottom: 44px;
	left: 0px;
	width: 28px;
	height: 20px;
	background: url('../images/flaggs_n.png');
}

.hjem {
	right: 9px;
	width: 20px;
	height: 26px;
}

.CG_header {
	font-size: 2.2vw;
}

.CG_header_1 {
	font-size: 1.9vw;
	line-height: 2vw;
}

.CG_header_2 {
	font-size: 1.5vw;
	line-height: 1.2;
}

.mellomtext {
	font-size: 2.2vw;
	top: 8%;
}

.mellomtext_sub {
	font-size: 1.8vw;
}

.mellomtext2 {
	font-size: 2vw;
	letter-spacing: 0.16vw;
	margin: 6% auto 6% 6%;
}

.mellomtext2_sub {
	font-size: 1.6vw;
	margin: 0% auto 2% 0%;
}

.footertxt1 {
	font-size: 1.8vw;
	width: 40%;
}

.footertxt2 {
	font-size: 1.8vw;
	width: 40%;
}

.cpyright {
	font-size: 1.4vw;
}

.cpyright span {
	font-size: 1.4vw;
}

}


/*--------------------------------------------------------------------------------------------------------------*/



@media only screen and (orientation: landscape) and (max-width: 840px) {

.links {
	width: 70%;
	left: 16%;
	top: 0%;
	height: 100%;
}

.linkTXT {
	top: 57%;
	left: 0%;
}

.hjem {
	right: 8px;
	width: 18px;
	height: 24px;
}

#gallery2 {
	width: 94%;
	margin: 15% auto 12% auto;
}

.mellomtext {
	font-size: 1.8vw;
	top: 6%;
}

.mellomtext_sub {
	font-size: 1.4vw;
	margin: 0% auto 2% 0%;
}

.mellomtext2 {
	font-size: 1.6vw;
	letter-spacing: 0.16vw;
	margin: 6% auto 6% 6%;
}

.mellomtext2_sub {
	font-size: 1.2vw;
	margin: 0% auto 2% 0%;
}

.footertxt1 {
	width: 34%;
	font-size: 1.8vw;
}

.footertxt1 span {
	font-size: 1.4vw;
}

.footertxt2 {
	width: 26%;
	font-size: 1.8vw;
}

.footertxt2 span {
	font-size: 1.4vw;
}

}


/*--------------------------------------------------------------------------------------------------------------*/



@media only screen and (orientation: portrait) and (max-width: 840px) {

.links {
	display: block;
	margin: auto;
	width: 70%;
	top: 0%;
	height: 100%;
}

.linkTXT {
	margin: auto;
	top: 82%;
	font-size: 3.4vw;
	text-align: center;
}

.hjem {
	right: 8px;
	width: 18px;
	height: 24px;
}

#gallery2 {
	width: 94%;
	margin: 20% auto 10% auto;
}

.mellomtext {
	font-size: 3.2vw;
	top: 8%;
	line-height: 2vw;
}

.mellomtext_sub {
	font-size: 2vw;
}

.mellomtext2 {
	font-size: 2.4vw;
	letter-spacing: 0.16vw;
	margin: 6% auto 6% 6%;
}

.mellomtext2_sub {
	font-size: 2.2vw;
	margin: 0% auto 2% 0%;
}

.footertxt1 {
	top: 24%;
	left: 31%;
	width: 40%;
	font-size: 2.2vw;
}

.footertxt1 span {
	font-size: 1.8vw;

}

.footertxt2 {
	top: 58%;
	left: 31%;
	width: 40%;
	font-size: 2.2vw;
}

.footertxt2 span {
	font-size: 1.8vw;
}

}


/*--------------------------------------------------------------------------------------------------------------*/



@media only screen and (orientation: landscape) and (max-width: 600px) {

.links {
	width: 70%;
	left: 16%;
	top: 0%;
	height: 100%;
}

.linkTXT {
	top: 57%;
	left: 0%;
}

.hjem {
	right: 8px;
	width: 18px;
	height: 24px;
}

#stolpe1 {
	display: block;
	position: absolute;
	clear: both;
	z-index: 20;
	top: -1px;
	left: 10%;
	background-color: transparent;
	height: 100%;
	width: 80%;
	padding-top: 6%;
	padding-left: 6%;
	padding-right: 6%;
	padding-bottom: auto;
}

#gallery1 {
	overflow: hidden;
	width: 90%;
	margin: 15% auto 4% auto;
}

.CG_header {
	font-size: 3vw;
	text-align: center;
}

.CG_header_1 {
	display: none;
}

.CG_header_2 {
	display: none;
}

#gallery2 {
	width: 94%;
	margin: 15% auto 12% auto;
}

.mellomtext {
	font-size: 2.2vw;
	top: 6%;
}

.mellomtext2 {
	font-size: 1.6vw;
}

.footertxt1 {
	width: 27%;
	top: 32%;
	left: 18%;
	font-size: 2.4vw;
}

.footertxt1 span {
	font-size: 1.8vw;
}

.footertxt2 {
	width: 26%;
	font-size: 2.4vw;
}

.footertxt2 span {
	font-size: 1.8vw;
}

}



/*--------------------------------------------------------------------------------------------------------------*/



@media only screen and (orientation: portrait) and (max-width: 600px) {



#vignett {
	top: 0%;
	left: 19%;
}

#vignett_e {
	top: 0%;
	left: 19%;
}

.links {
	display: block;
	margin: auto;
	width: 70%;
	top: 0%;
	height: 100%;
}

.linkTXT {
	margin: auto;
	top: 80%;
	font-size: 3.4vw;
	text-align: center;
}

.info {
	bottom: 16px;
	left: 16px;
	width: 28px;
	height: 20px;
	background: url('../images/infos22.png');
}

.info:hover {
	background: url('../images/infos_old.png');
}

.hjem {
	right: 8px;
	bottom: -4px;
	width: 18px;
	height: 24px;
	top: 6px;
}

#stolpe1 {
	display: block;
	position: absolute;
	clear: both;
	z-index: 20;
	top: -1px;
	left: 10%;
	background-color: transparent;
	height: 100%;
	width: 80%;
	padding-top: 6%;
	padding-left: 6%;
	padding-right: 6%;
	padding-bottom: auto;
}

#gallery1 {
	overflow: hidden;
	width: 90%;
	margin: 15% auto 4% auto;
}

.CG_header {
	font-size: 3.4vw;
	text-align: center;
}

.CG_header_1 {
	display: none;
}

.CG_header_2 {
	display: none;
}

.mellomtext {
	font-size: 3.4vw;
	top: 5%;
}

.mellomtext_sub {
	font-size: 2.2vw;
}

.mellomtext2 {
	font-size: 2.5vw;
	letter-spacing: 0.16vw;
	margin: 6% auto 6% 6%;
}

.mellomtext2_sub {
	font-size: 2.2vw;
	margin: 0% auto 2% 0%;
}

.footertxt1 {
	left: 22%;
	width: 55%;
	font-size: 2.8vw;
}

.footertxt1 span {
	font-size: 2.4vw;
}

.footertxt2 {
	left: 22%;
	width: 55%;
	font-size: 2.8vw;
}

.footertxt2 span {
	font-size: 2.4vw;
}

}



/*--------------------------------------------------------------------------------------------------------------*/



@media only screen and (orientation: landscape) and (max-width: 480px) {

.hjem {
	bottom: -20px;
}

#gallery2 {
	width: 94%;
	margin: 15% auto 12% auto;
}

.mellomtext {
	font-size: 3vw;
	top: 4%;
}

.mellomtext_sub {
	font-size: 2.2vw;
	margin: 0% auto 3% 0%;
}

.mellomtext2 {
	font-size: 2.6vw;
	letter-spacing: 0.16vw;
	margin: 6% auto 6% 6%;
}

.mellomtext2_sub {
	font-size: 2.2vw;
	margin: 0% auto 2% 0%;
}


}



/*--------------------------------------------------------------------------------------------------------------*/



@media only screen and (orientation: portrait) and (max-width: 480px) {

.hjem {
	bottom: 0px;
}

.links {
	display: block;
	width: 70%;
}

}