html, body {font-size:1.2vw !important;padding-top:6rem;}
body {font-family: 'Montserrat', Arial, Tahoma, Verdana, serif;font-weight:300;position:relative;background-color:#fff;color:#666;}
strong {font-weight:500;}
.desktop {display:block;}
.mobile {display:none;}

.navbar {line-height:4rem;padding-top:1rem;padding-bottom:1rem;background-color:#fff;}
.navbar img {height:4rem;}
.navbar .navbar-toggler {color:#666;font-weight:300;}
.navbar .nav-item {text-align:center;width:20%;}
.navbar .navbar-nav {width:100%;}
.navbar .nav-link {color:#666;letter-spacing:0.1rem;}
.navbar .nav-link:hover {color:#000;}
.navbar-toggler img {height:2rem;}

#scroll {position:fixed;right:1rem;bottom:1rem;width:3rem;height:3rem;text-align:center;font-size:1.5rem;line-height:2.5rem;cursor:pointer;background-color:rgba(255,255,255,0.5);color:#1f4934;border:2px solid #1f4934;z-index:1080 !important;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;}

.footer {margin-top:3rem;padding-top:0.5rem;padding-bottom:0.5rem;border-top:1px solid #ccc;}
.footer .col-12 {font-size:0.8rem;}

@media only screen and (max-width: 768px) {
	.desktop {display:none;}
	.mobile {display:block;}
	html, body {font-size:4vw !important;padding-top:4rem;}

	.navbar {line-height:3rem;}
	.navbar img {height:3rem;}
	.navbar .navbar-collapse {margin-top:1rem;border-top:1px solid #ccc;padding-top:1rem;}
	.navbar .nav-item {text-align:left;width:100%;line-height:1.5rem;padding-left:1rem;}
}
@media only screen and (max-width: 768px) and (orientation:landscape) {
	html, body {font-size:3vw !important;}
}