/* +++++++++++++++++++++++++++ FONTS +++++++++++++++++++++++++++ */

@font-face {
    font-family: primerB;
	src: url('../fonts/primer print bold.ttf');
}
@font-face {
    font-family: coolvet;
	src: url('../fonts/coolvetica rg.ttf');
}
@font-face {
    font-family: robotob;
	src: url('../fonts/Roboto-Bold.ttf');
}
@font-face {
    font-family: heathergreen;
	src: url('../fonts/Heathergreen.otf');
}
@font-face {
    font-family: Deutschlander;
	src: url('../fonts/Deutschlander.otf');
}

@font-face {
    font-family: Broe;
	src: url('../fonts/Broetown Signature.ttf');
}

@font-face {
    font-family: Keepcalm-med;
	src: url('../fonts/KeepCalm-Medium.ttf');
}

@font-face {
    font-family: Steelfish-outline;
	src: url('../fonts/Steelfish outline.otf');
}

@font-face {
    font-family: Steelfish;
	src: url('../fonts/steelfishbd.otf');
}

@font-face {
    font-family: Pentagram;
	src: url('../fonts/Pentagram.otf');
}


@font-face {
    font-family: Codec;
	src: url('../fonts/Codec-Warm-Regular-trial.ttf');
}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 400

.playwrite-us-trad-<uniquifier> {
  font-family: "Playwrite US Trad", cursive;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}




/* +++++++++++++++++++++++++++ FONTS +++++++++++++++++++++++++++ */

body {
	/* color: #4a8d55;
	 background: #fcfcfc; #36652c; */
	background: #deffd7;
	margin-top: 10px;
	font-family: primerB;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	opacity: 84%;
}


body, html {
  height: 100%;
}

.bg {
  /* The image used */
  background-image: url("images/blueriver.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


header {margin: auto, width: 70%;
    
}
footer {margin: auto, width: 70%; border-top: 0px solid #000;
}

/* #f5aa20 orange width: 40%;  */

nav {width: 40%; margin: auto; background: #d1fb96; text-align: center; font-family: "Playwrite US Trad", 'steelfish outline',pentagram, primerB, coolvet;}
/* h1 {font-family: Deutschlander, Pentagram, coolvet, primerB; font-size: 5em; letter-spacing: 1px; margin-bottom: 20px; margin-top: 15px; text-align: center;} */
h2 {font-family: primerB; font-size: 2em; letter-spacing: -2px; margin-bottom: 55px; margin-top: -35px; text-align: center;}
h4 {font-family: primerB; font-size: 1em; letter-spacing: -1px; margin-top: -45px; text-align: center;}
h5 {font-family: Steelfish, Deutschlander, coolvet, primerB; text-align: center; font-size: 1.15em; letter-spacing: 2px; line-height: 105%; color: #32c998;}

p {font-size: 1.5em;}

.western_nebraska {height: auto; border-top: 0px solid #000;}
.kontiner {
    margin: auto;
    width: 70%;

}

table {font-size: 1.1rem;}

th {
   border-bottom: 2px solid #1e1e1e;
    /* background: #edbc61; */
    font-weight: bold;
    text-align: left;
    font-size: 120%;
}

/*
td {font-size: 24px;}
*/

tr:nth-child(even) {background-color: #f2f2f2;}

/* unvisited link */
a:link {
  text-decoration: none; color: #006525; font-size: 30px; letter-spacing: -1px;
}

/* visited link */
a:visited {
  text-decoration: none; color: #006525; font-size: 30px; letter-spacing: -1px;
}

/* mouse over link */
a:hover {
  text-decoration: none; color: silver; font-size: 30px; letter-spacing: -1px;
}

/* mouse over link for dealers on about page*/
a.dealers:hover {
  text-decoration: none; color: red; font-size: 20px; letter-spacing: -1px;
}

/* selected link */
a:active {
 text-decoration: none; color: #006525; font-size: 30px; letter-spacing: -1px;
}

/* a {text-decoration: none; color: #1d1d1d; font-size: 20px; letter-spacing: -1px;}   #937e0e; old tilesnice #fafafa;
*/

.goldsoz {color: gold;}
.tiles {font-size: 2em; letter-spacing: 1px}
.tileslong {font-size: 2em; letter-spacing: 1px}
.responsivetable {overflow-x:auto;>}
.ttitle {width: 30%;}
.writer {font-style: italic; color: #0070ff;}
.tilesnice {color: #010101; background: #00b0ff; font-size: 2em; padding: 6px; border: 0px solid #0091ea; font-family: robotob; box-shadow: 0 0 4px gray;
 border-radius: 10%; letter-spacing: -2px;}
.stacktiles {float: left; margin-top: -12px;}
.roomleft {margin-left: 10px;}
.roomright {margin-right: 10px;}
#centermetrics {margin-top: -10px; border: 0px solid red; width: 50%;}

.fl {float: left; margin-right: 6px;}

img {width: 90%;}

 div.gallery {
    width: 30%;
    height: auto;
    display: inline-block;
    margin-top: 10px;
}

.kull {font-family: Steelfish, codec, pentagram, codec; letter-spacing: 0px; color: #32c998; text-align: center; font-size: 2.5em;}
.kullf {font-family: Steelfish, codec, pentagram, codec; letter-spacing: 0px; color: #32c998; text-align: center; font-size: 1.2em;}

.kullb {font-family: Keepcalm-med, Broe, Steelfish, codec, pentagram, codec; letter-spacing: 0px; 
color: #949e63; 
text-align: center; font-size: 3em; font-weight: bold; margin-top: -10px; margin-bottom: -10px;}

/* 
color: #949e63; 
#51983c
*/


h1.kull {font-family: robotob, heathergreen, broe, 'steelfish outline', apentagram, acodec, coolvet, primerB; font-size: 6em; letter-spacing: 0px; margin-bottom: 20px; margin-top: 15px; text-align: center;}
h1.akull {font-family: courier, pentagram, acodec, coolvet, primerB; font-size: 6em; letter-spacing: 0px; margin-bottom: 20px; margin-top: 15px; text-align: center;}

summary {font-size: 2.25em; color: #32c998; font-family: Deutschlander;}
details {font-size: 1.2rem; color: #32c998; font-family: Deutschlander;}

.klogo {width: 50%;}

#fullbackground {
  background: url(mountain.jpg);
  background-repeat: no-repeat;
  background-size: auto;
}


html { 
  background: url('../images/blueriver.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



/* =================================== mobile =================================================================================================================================================== */
@media only screen and (min-device-width : 120px) and (max-device-width : 540px) {
body {
    width:90%;
    opacity: 84%;
}
header {margin: auto, width: 90%;
}
footer {margin: auto, width: 96%; border-top: 0px solid #000;
}
/* #f5aa20 orange */
nav {width: 70%; margin: auto; margin-top: 5%; background: #d1fb96; text-align: center; font-family: "Playwrite US Trad", primerB, coolvet;}
p {font-size: 2em;}

/* letter-spacing: 1.2px; h1 font-size: 150px; -6px for Georgia */

h1 {font-family: aCodec, Steelfish, keepcalm-med, Pentagram, Broe; font-size: 105px; letter-spacing: -9px; margin-bottom: 20px; margin-top: 15px; text-align: center; text-transform: uppercase;}
h2 {font-family: primerB; font-size: 46px; letter-spacing: 1px; margin-bottom: 55px; margin-top: -35px; text-align: center;}
h4 {font-family: primerB; font-size: 90px; letter-spacing: 1px; margin-top: -45px; text-align: center;}
h5 {font-family: robotob, Steelfish, codec, pentagram, codec; text-align: center; font-size: 3em; letter-spacing: 1px; line-height: 145%; color: #32c998;}
p {font-size: 2.8em;}

.western_nebraska {height: auto; border-top: 0px solid #000;}
.kontiner {
    margin: auto;
    width: 90%;
}

table {max-width: 70%; font-size: 2.1rem;}

tr:nth-child(even) {background-color: #f2f2f2;}

th {
   border-bottom: 2px solid #1e1e1e;
    /* background: #edbc61; */
    font-weight: bold;
    text-align: left;}

/* td {font-size: 34px;} *./



/* unvisited link */
a:link {
  text-decoration: none; color: #006525; font-size: 55px; letter-spacing: -1px;
}

/* visited link */
a:visited {
  text-decoration: none; color: #006525; font-size: 55px; letter-spacing: -1px;
}

/* mouse over link */
a:hover {
  text-decoration: none; color: silver; font-size: 55px; letter-spacing: -1px;
}

/* mouse over link for dealers on about page*/
a.dealers:hover {
  text-decoration: none; color: red; font-size: 60px; letter-spacing: -1px;
}

/* selected link */
a:active {
 text-decoration: none; color: #006525; font-size: 55px; letter-spacing: -1px;
}




.goldsoz {color: gold;}
.tiles {font-size: 2.6em; letter-spacing: -2px; font-family: arial, 'coolvet', georgia, arial;}
.tileslong {font-size: 2.8em; letter-spacing: 1px; font-family: arial, 'coolvet', georgia, arial;}

.ttitle {width: 50%;}
/* background: #00b0ff; */
.tilesnice {color: #010101; background: #00b0ff; font-size: 3.3em; padding: 16px; border: 1px solid #0091ea; font-family: arial, robotob; box-shadow: 0 0 5px gray; font-weight: 800;
border-radius: 1%;}
#centermetrics {border: 0px solid red; width: 75%;}

img {width: 100%;}

div.gallery {
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.kull {font-family: Steelfish, codec, pentagram, codec; letter-spacing: 0px; color: #32c998; text-align: center; font-size: 3.9em;}
.kullf {font-family: Steelfish, codec, pentagram, codec; letter-spacing: 0px; color: #32c998; text-align: center; font-size: 2.4em;}

/* 
color: #949e63; 
#51983c
*/

.kullb {font-family: Keepcalm-med, Broe, Steelfish, codec, pentagram, codec; letter-spacing: 0px; 
color: #949e63; 
text-align: center; font-size: 4em; font-weight: bold; margin-top: -10px; margin-bottom: -10px;}


h1.kull {font-family: coolvet, primerB; font-size: 5em; letter-spacing: 2px; margin-bottom: 20px; margin-top: 15px; text-align: center;}

h1.kull {font-family: robotob, heathergreen, broe, 'steelfish outline', apentagram, acodec, coolvet, primerB; font-size: 6em; letter-spacing: 0px; margin-bottom: 20px; margin-top: 15px; text-align: center;}

h1.akull {font-family: courier, pentagram, acodec, coolvet, primerB; font-size: 6em; letter-spacing: 0px; margin-bottom: 20px; margin-top: 15px; text-align: center;}

summary {font-size: 2.6em; color: #6acf6a font-family: Deutschlander;}
details {font-size: 2rem; color: #6acf6a; font-family: Deutschlander;}

.klogo {width: 70%;}

#fullbackground {
  background: url(mountain.jpg);
  background-repeat: no-repeat;
  background-size: auto;
}

}