/* IMPORT NGBG FONTS */
@font-face {
    font-family: 'NGBG-Regular';
    src: url('f/NGBG-Regular.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NGBG-Regular';
    src: url('f/NGBG-Regular.otf') format('opentype'), url('f/NGBG-Regular.ttf') format('truetype'), url('f/NGBG-Regular.svg#NGBG-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* SET GLOBAL STYLES */

html {
}

body { font-family: verdana;
margin: 0px;
padding: 0px;
border: 0px;
background-color:#fff;
}

/* SET DIV STYLES */

* {
  box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.column {
float: right;
width:23%;
padding: 9px;
text-align: center;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

div.box
{
background-color:#fff;
width:100%;
padding:auto;
}

div.box2
{
background-color:#fff;
float:left;
padding:14px;
padding-left:322px;
padding-right:322px;
}

div.box3
{
background-color:#fff;
border:0px;
padding:5px;
text-align:center;
float:left;
width:17%;
position: fixed;
top:77px;
left:0px;
}

div.box4
{
background-color:#fff;
float:right;
width:17%;
padding:5px;
text-align:center;
position: fixed;
top:77px;
right:0px;
}

div.network
{
background-color:#fff;
float:right;
padding:7px;
text-align:center;
width:31%;
}

@media (max-width: 900px) {
    .box>
    div.box2{
        width: 100%;
padding:20px;
padding-right:20px;
    }
    div.box3{
        width: 52%;
	position: relative;
    }
   div.box4{
        width: 45%;
	position: relative;
    }
}

div.clips{
width:33%;
border:0px;
float: right;
padding: 9px;
text-align: left;
}


/* SET IMAGE STYLES */

img {
margin: 0px;
padding: 0px;
border: 0px;
width:100%;
}

img.logo {
width:100px;
margin:0px;
padding:0px;
border:0px;
border-top:solid 4px #111;
display:inline;
}


img.insta {
width:100%;
}

img.postcard {
width:100%;
}

img.tinyinsta {
width:10%;
}

img.kalender {
width:100%;
}

img.wide {margin-top:60px
}


img.socmedsmall {
opacity: 0.5;
border:0px;
margin:0px;
padding:0px;
margin-left:10px;
margin-right:10px;
display:block;
height:30px;
width:30px;
 background-color: #fff;
}

img.socmedsmall:hover {
    opacity: 1;
}



/* NAVBAR */


/* Add a black background color to the top navigation */
.topnav {
background-color: #111;
font-family: 'NGBG-Regular';
position: fixed;
top: 0;
margin:0px;
border:0px;
padding:0px;
width:100%;
}

/* Style the links inside the navigation bar */
.topnav a {
float:right;
text-align:center;
display: block;
color: white;
text-decoration: none;
font-size:17px;
margin:0px;
border:0px;
border-top:solid 13px #111;
border-right:solid 17px #111;
padding:2px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #999;
  color: #111;
}




/* SET ANCHOR STYLES */

a {
padding: 0px;
margin:0px;
border:0px;
}
a:hover {}

a.home {
padding: 0px;
margin:0px;
border:0px;
text-decoration: none;
float:left;
}
a:hover {}

a.map{
display:block;
padding: 3px;
margin:0px;
border:0px;
color:#111;
font-size:10px;
font-family: 'NGBG-Regular';
text-decoration: none;
}
a.map:hover {
color:red;
background-color:#ddd;
}

a.nav{background-color:#fff;
font-size:27px;
font-family: 'NGBG-Regular';
color:#566;
text-decoration: none;
border-radius: 11px;
border:1px solid #344;
padding: 11px;
display:block;
margin:11px;
}
a.nav:hover {background-color:#eff;
color:#344;}

a.source {
color:#111;
text-decoration: none;
display:inline;
font-style:italic;
font-weight:bold; }

a.source:hover {
color:red;
}

a.piclink {
border:3px solid silver;
color:#111;
text-decoration: none;
display:block;
font-style:italic;
font-weight:bold; }

a.piclink:hover {
border:3px solid red;
color:red;
}

a.socmed {
font-family: 'NGBG-Regular';
color: #fff;
text-decoration: none;
float: left;
text-align:right;
display: block;
margin:0px;
margin-left:5px;margin-right:5px;
border:0px;
padding:0px;
}

a.kalink {
font-size:11px;
border:3px solid silver;
color:#111;
text-decoration: none;
display:block;
font-style:italic;
font-weight:bold; }

a.kalink:hover {
border:3px solid red;
color:red;
}


/* SET HEADERS */

h1{
font-size:37px;
color:#111;
text-align:left;
padding:11px;
margin:0px;
border:0px;
break-after: avoid;
display:block;
font-family: 'NGBG-Regular';}

h2{
font-size:27px;
color:#eee;
padding:0px;
margin:0px;
border:0px;
break-after: avoid;
display:inline;
}

h3{
text-align:left;
font-size:16px;
color:#555;
margin-left:10px;
padding:3px;
display:block;
font-family: 'NGBG-Regular';
}

h4{
break-after: avoid;
text-align:left;
font-size:15px;
padding:0px;
margin-left:13px;
color:#777;
display:block;
font-family: geneva;
font-weight:normal;
}

h6{
text-align:center;
font-size:11px;font-family: 'NGBG-Regular';margin:auto; border:0px;padding:0px;
}

/* SET PARAGRAPHS */

p {font-size:13px;font-family:geneva;text-align:left;
}

p.right {text-align:right;
}

p.sub {text-align:left;
border:2opx;
margin:2opx;
padding:2opx;
display:inline;
float:left;
}