html { scroll-behavior: smooth; }
body { padding-top: 4rem; color:#212121; background: url(../images/bkgrnd.gif) repeat; }
@font-face { font-family:'KingthingsPetrockRegular'; src:url('Kingthings_Petrock-webfont.eot'); src:url('Kingthings_Petrock-webfont.eot?#iefix') format('embedded-opentype'), url('Kingthings_Petrock-webfont.woff') format('woff'), url('Kingthings_Petrock-webfont.ttf') format('truetype'), url('Kingthings_Petrock-webfont.svg#KingthingsPetrockRegular') format('svg'); font-weight:normal; font-style:normal; }
@font-face { font-family:'KingthingsPetrockLightRegular'; src:url('Kingthings_Petrock_light-webfont.eot'); src:url('Kingthings_Petrock_light-webfont.eot?#iefix') format('embedded-opentype'), url('Kingthings_Petrock_light-webfont.woff') format('woff'), url('Kingthings_Petrock_light-webfont.ttf') format('truetype'), url('Kingthings_Petrock_light-webfont.svg#KingthingsPetrockLightRegular') format('svg'); font-weight:normal; font-style:normal; }
.navbar-brand { padding-top: 0; padding-bottom: 0; margin-right: 0; }
.navbar { padding: .5rem; }
.navbar-nav { padding-left: 0px; }
.bg-light { background-color: #fcfcfc!important; }
.navbar-expand-md .navbar-nav .nav-link { padding-left: .5rem; padding-right: 1rem; }
.navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.8); font-weight: 600; }
.navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.95); }
.ml-lg-n6 { margin-left: -6rem!important; }
h1 { font-family:'KingthingsPetrockRegular', Helvetica, sans-serif; font-size:2.5rem; font-weight:normal; /*margin:.5rem 0 1rem 0;*/ color:#434343; }
h2 { font-family:'KingthingsPetrockRegular', Helvetica, sans-serif; font-size:1.7rem; font-weight:normal; /*margin:.3rem 0 1rem 0;*/ color:#434343; }
.red { color: #F00; }
main { font-size: 15px; }
main a { color: #444; text-decoration: underline; font-weight: bold; }
main a:hover { color: #222; text-decoration: underline; }
#info, #optik, #matare, #kontakt, #separator { margin: 2rem 0 4rem 0; }
.transparent { opacity: 0.35; }
.form-label-group { padding: 0.5rem 0; margin: auto; }
#kontakt button.btn { margin: 1rem 0; }
footer { padding: 2rem 0; background-color: #fff; }
footer #separator { margin: 2rem 0; }
#leomini{ background:url(../images/leomini.png) no-repeat; position:fixed; bottom:2rem; right:0px; width:19px; height:68px; }

@media only screen and (max-width : 767px) {
	#navbarCollapse { padding: 1.5rem 0 1rem 0; }
	.ml-lg-n6 { margin-left: 0!important; }
	#info, #optik, #matare, #kontakt, #separator { margin: 4rem 0; }
	.transparent { width: 75%; }
}