@font-face {
  font-family: Gistesy; /* set name */
  src: url('../fonts/Gistesy_new.woff'); /* url of the font */
}

html {
	background: #d7e79e;
}

html
body {
	color: #333;
	/* background: url('../images/skin/body.jpg') top center repeat-y; */
	/* background-attachment: scroll; */
	/* background-size: contain; */
	/* background-position-y: 20px; */
	min-height: 100vh;
	background-image:
		url("../images/skin/body-top.jpg"),
		url("../images/skin/body-middle.jpg");
	background-position:
		top center,
		center center;
	background-position-y:
		20px,
		0;
	background-repeat:
		no-repeat,
		repeat-y;
	background-size:
		100% auto,
		100% auto;
	font-family: 'Montserrat';
	font-size: 1.05rem;
	font-weight: 500;
}



h1, h2, h3, h4, h5, h6 {
	margin: 20px 0 10px 0;
	font-family: 'Montserrat';
	font-weight: 600;
}

.navigation {
	transition: .3s;
	background: #d7e79e;
	padding: 0;
}
	
.navbar-toggler{
	border: none;
}
	
button.navbar-toggler span.navbar-toggler-icon	{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(30,30,30, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.btn.btn-primary {
	background-color: #bdcf7b;
	border-color: #bdcf7b;
	}

.btn.btn-primary:hover {
	background-color: #a2b853;
	border-color: #a2b853;
	}

.btn.btn-primary:hover,
.btn.btn-primary.chosen {
	background-color: #889d39;
	border-color: #889d39;
	}

.card.chosen {
	border-color: #889d39;
	background-color: #f3f5ea;
}

.navbar-brand {
	max-width: 70%;
}

.navigation .navbar-brand img.logo {
	max-height: 200px;
	transition: .3s;
}

.navigation.navigation_shrink .navbar-brand img.logo {
	max-height: 140px;
}

.navbar-expand-lg .navbar-nav .nav-link {
	color: #111;
	font-size: 150%;
	font-weight: 400;
	font-family: 'Montserrat';
	margin: 0 10px;
}

.navbar-expand-lg .navbar-nav .nav-item .nav-link div{
	width: 0;
	height: 2px;
	background: #111;
	transition: .3s;
}

.navbar-expand-lg .navbar-nav .nav-item.current .nav-link div,
.navbar-expand-lg .navbar-nav .nav-item .nav-link:hover div {
	width: 100%;
}

.navbar-collapse.collapse.show {
	/* transition: .3s; */
	/* background: #fff; */
}

.container {
	max-width: 100%;
	width: 1500px;
}


div.device_id {
	padding: 10px;
	text-align: center;
	background: #ccc;
	position: fixed;
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	z-index: 99999;
	display: none !important;
}

div.device_id span{
	width: 100%;
}

.polaroid {
	background: #fff;
	padding: 20px 20px 80px 20px;
	position: relative;
}

.polaroid img.tape{
	width: 75%;
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translate(-50%, 0);
}

footer {
	color: #fff;
	background: #efb4cc;
}

footer a {
	color: #fff;
}

.list-style-none {
	list-style: none;
}

.strikethrough:hover,
.strikethrough {
	text-decoration: line-through !important;
}

@media (max-width: 1200px){
	div.device_id {
		background: yellow;
	}
}

@media (max-width: 992px){	
	div.device_id {
		background: orange;
	}
}

@media (max-width: 768px){
	div.device_id {
		background: green;
	}	
	
	html body {
		font-size: .9rem;
	}
}

@media (max-width: 576px){
	div.device_id {
		background: red;
	}
}