@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Gupter');
@import url('https://fonts.googleapis.com/css?family=Material+Symbols+Outlined');

* {margin: 0; box-sizing: border-box;}

body {background-color: #07263E; color: #F1D9A2; font-family: 'Open Sans', sans-serif; font-size: 24px; line-height: 1.3;}

a {color: #F1D9A2; text-decoration: none;}

h1, h2, h3, h4, h5, h6 {color: #F1D9A2; font-family: 'Gupter', serif;}

p {margin: 10px 0;}

.body-std {padding: 15px;}
.body-gal {padding: 0; text-align: center;}

.btn-box {display: block; text-align: center; background-color: #F1D9A2; padding: 10px;}

.g-box {display: inline-block; margin: 10px; padding: 10px; max-width: 300px; text-align: center; border: solid 1px #F1D9A2;}
.g-btn {float: left;}
.g-in {font-size: 22px;}
.g-pic {display: inline-block; margin: 10px; text-align: center; background-color: #29363F;}
.g-text {display: inline-block; margin: 10px; max-width: 340px; text-align: center;}
.gal-pic {max-width: 100%; max-height: 360px;}

.ico-g {font-family: 'Material Symbols Outlined', sans-serif; font-size: 36px; vertical-align: middle;}
.ico-r90 {font-family: 'Material Symbols Outlined', sans-serif; font-size: 36px; vertical-align: middle; transform: rotate(90deg);}
.ico-rev {font-family: 'Material Symbols Outlined', sans-serif; font-size: 36px; vertical-align: middle; transform: rotate(180deg);}

.menu-hd {font-family: 'Open Sans', sans-serif; font-size: 20px; color: #FFFFFF; text-transform: uppercase; text-align: center;}
.menu-head {background-color: #222; padding: 12px; vertical-align: middle;}
.menu-lg {display: none;}
.menu-sm {display: none;}
.menu-item {vertical-align: middle; padding: 0 12px;}
.menu-btn {background-color: #F1D9A2; color: #07263E; font-family: 'Open Sans', sans-serif; font-size: 20px; vertical-align: middle; padding: 6px; margin: 10px; text-transform: uppercase;}
@media only screen and (max-width: 799px) {
	.menu-item {display: block; min-height: 50px;}
	.menu-sm {display: block; vertical-align: middle;}
}
@media only screen and (min-width: 800px) {
	.menu-lg {display: block; vertical-align: middle; max-height: 80px; min-height: 80px;}
	.menu-item {display: inline-block; min-height: 80px;}
}

.us-std {clear: both;}