html, body{
  font-family: 'Montserrat', sans-serif; 
  color:#6c757d;
  background-color: rgb(225,225,225);
  overflow-x: hidden;
  height: 100%;
  margin: 0;
  padding: 0;
  width:100%;
}

ul{padding:0;}
li{list-style-type: none;}
a{text-decoration:none;}
a:hover{text-decoration: none;}
.animation{-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}

#header{position: fixed; top: 0; left: 0; width: 100%; height:50px; background: #fff; border-bottom: 1px solid #dee2e6; z-index: 1001; display: flex; flex-direction: row;justify-content: space-between; align-items: center;}
#header > #headerMenu{padding-left:10px;}
#header > #headerSearch{width:85%; margin-left:20px;}
#header a.mainMenu{display: inline-block; padding: 10px 15px; text-align: center; }
#header a{color:#8c1407;background-color: #fff;}
#header a:hover{color:#fff;background:#8c1407;}

#footer{font-size:.8em;}
#footer, #footer a{color:#f8f9fa;}
#footer i{margin-right:10px;}
#footer a:hover{text-decoration: underline;}
#footer li{padding-bottom:5px;}

#loading, #output{position: fixed; top:0; left:0; width:100vw; height:100vh; background-color: rgba(0,0,0,.3); display: flex; flex-direction: row; justify-content: center; align-items: center;z-index:2000;}
#loading>div,#output>div{display: flex; flex-direction: column; justify-content: center; align-items: center;}
#loading>div{color: #fff;font-size:50px;}
#output>div{background-color: #fff; font-size:30px; text-align: center; padding:15px 20px;width:auto; max-width: 600px; height:auto; max-height:600px;}

#accordion>.header{background:#f8f9fa; border-bottom:1px solid #6c757d; color:#6c757d; padding:10px; margin:0; cursor: pointer;}
#accordion>.header:first-child{border-top:1px solid #6c757d;}
#accordion>.header:hover:not(.active){background: #6c757d; color:#fff;}
#accordion>.header.active{ background:#6c757d; color:#fff;}
#accordion>.header>h5{font-size: 16px;}
#accordion>.bodySection{padding:20px 0;}

@media (max-width: 575px) {
}

@media (min-width: 576px) and (max-width: 767px) {
}

@media (min-width: 768px) and (max-width: 991px) {
  #header > #headerSearch{width:50%; margin-left:0;}
}

@media (min-width: 992px) and (max-width: 1199px) {
  #header > #headerSearch{width:50%; margin-left:0;}
}

@media (min-width: 1200px) {
  #header > #headerSearch{width:50%; margin-left:0;}
}