html { overflow-x: hidden; background: #ffe700 url(../img/bg.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; height: 100% }
body { color: #000000; font-size: 18px; font-weight: 400; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Montserrat', sans-serif; line-height: normal; overflow-x: hidden; height: 100% }
* { border: none; margin: 0; outline: none !important; padding: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul, ol { list-style: none }
a { color: #000000; text-decoration: none }
a:hover, a:focus { color: #42ad08; text-decoration: none }
img { display: block; height: auto; max-width: 100%; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
 @media (min-width:992px) {
a[href^="tel:"] { pointer-events: none; text-decoration: none !important }
}
.flex-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; min-height: 100%; align-items: center; height: 100vh; }
.flex-wrap .box { float: left; width: 100%; padding: 25px 15px; text-align: center }
.logo { display: inline-block; margin: 0 0 20px }
h1 { font-size: 42px; font-weight: bold; margin: 10px 0 25px }
h4 { font-size: 18px; font-weight: 500; margin: 0 0 10px }
ul { margin: 10px 0 10% }
ul li { display: inline-block; border-right: 1px solid #000000; padding: 0 10px; margin: 10px 0 }
ul li:last-child { border: none }
@media only screen and (max-width:1100px) {
html { background: #ffe700 url(../img/bg-small.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; }
}
 @media only screen and (max-width:992px) {
ul { margin-bottom: 0 }
ul li { border: none }
}
 @media only screen and (max-width:479px) {
}