#head { width: 100%; position: fixed; z-index: 999; background: rgb(53,54,58); background: linear-gradient(90deg, rgba(53,54,58,1) 40%, rgba(112,112,112,1) 100%) }
#head img { width: 100%; max-width: 205px; -webkit-transition: max-width 0.3s; -moz-transition: max-width 0.3s; transition: max-width 0.3s }
#head img.anime { max-width: 112px }
#head #close { display: none }
#head #menu.open { display: block !important }
#tags { padding-top: 103px }
#tags .column { padding-top: 10px; padding-bottom: 10px }
#tags #scroll { display: flex; flex-wrap: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar }
#tags #scroll::-webkit-scrollbar { display: none }
#tags #scroll .flex { display: flex; flex-wrap: nowrap }
#tags a { margin: 0 2px }
#home { max-width: 1300px; margin: auto }
#home #content { min-height: 1130px }
#home #content .text.container { margin-top: 10px }
#home #owl-slide .owl-nav, #home #sync1 .owl-nav { position: absolute; top: calc(50% - 16px); margin-top: 0 !important; width: 100% }
#home #owl-slide .owl-prev, #home #sync1 .owl-prev { position: absolute; left: 0px; z-index: 888 }
#home #owl-slide .owl-next, #home #sync1 .owl-next { position: absolute; right: 0; z-index: 888 }
#home > .grid > .column:nth-child(1) { background-color: #f3f5f8; padding-left: 2em }
#home > .grid > .column:nth-child(2) { padding-right: 2em }
#home #marks { display: flex; flex-wrap: wrap; justify-content: space-around }
#home #marks div { margin: 10px 20px; width: 41px; height: 41px; background-image: url(/dist/img/marcas.png); background-repeat: no-repeat }
#home #owl-cars { text-align: center }
#home #owl-cars img { margin: auto; max-width: 150px }
#footer { padding-top: 50px; padding-bottom: 20px }
#footer h3 { margin-bottom: 20px }
#footer .row:nth-child(2) img { width: 100%; max-width: 500px }
#float { display: flex; align-items: center; position: fixed; bottom: 10px; left: 10px; z-index: 1001 }
#float button, #float .message { -webkit-box-shadow: 0 3px 4px -1px rgba(0,0,0,0.5); -moz-box-shadow: 0 3px 4px -1px rgba(0,0,0,0.5); box-shadow: 0 3px 4px -1px rgba(0,0,0,0.5) }
#float .message { margin-bottom: 10px }

/* MEDIA QUERY */

@media only screen and (min-width: 1200px) {
  .ui.grid.container:not(.text) { width: calc(100% - 2rem)!important; max-width: 1300px !important }
}

@media only screen and (max-width: 1199px) {
  .ui.grid.container { width: auto!important }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	
}

@media only screen and (min-width: 992px) {
	
}

@media only screen and (max-width: 991px) {
	#head img { max-width: 164px }
	#tags { padding-top: 93px }
	#home #content { min-height: unset }
	#home .sticky { position: unset }
	#home > .grid > .column:nth-child(2) > .grid > .column { height: auto !important }
  .ui.grid.container { width: auto!important }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	
}

@media only screen and (min-width: 768px) {
	
}

@media only screen and (max-width: 767px) {
	#head img { max-width: 112px }
	#tags { padding-top: 77px }
	#home #content .grid .column:nth-child(odd) { padding-right: .5rem }
	#home #content .grid .column:nth-child(even) { padding-left: .5rem }
	.ui.container { margin-left: auto!important; margin-right: auto!important }
  .ui.items:not(.unstackable)>.item { margin: 0 !important }
}

@media only screen and (max-width: 767px) and (min-width: 321px) {
	
}

@media only screen and (min-width: 321px) {
	
}

@media only screen and (max-width: 320px) {
	
}