@media (min-width: 992px) {
    /* .container{
        width: 1000px !important;
    } */
  }
#app{
    position: relative;
     min-height: 100vh;
}
body{
    overflow-x: hidden !important; background-color: rgb(229, 229, 229);
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Poppins', sans-serif !important;
}
.row{
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.w-6{
    max-width: 1.3rem;
}
.h-6{
    max-height: 12px;
}

.w-12{
    max-width: 2.0rem; 
}
.h-12{
    max-height: 24px;
}


/* regra para o box-sizing */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.menu-lateral{
    -moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
    display: block; 
    max-width: 240px; 
    position: fixed; 
    margin-left: -190px;
    z-index: 9999;
    background-color: rgb(3, 57, 37);
    color: #fff;
    top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 0 50px 50px 0;
}
.menu-lateral:hover, .menu-lateral:focus,  .menu-lateral:active  {
	overflow-y:scroll;
	-moz-transform: translate(190px, 0);
		-webkit-transform: translate(190px, -50%);
			-o-transform: translate(190px, -50%);
				transform: translate(190px, -50%);
	padding-right:0;
}