/* cores */
$default: #363433
$azul: #2d65b3
$dourado: #999966
$cinza1: #666
$preto: #222222
$bege: #ffcc99
$laranja1: #cc3300
$laranja2: #cd5b1b

.cor-preto
	color: $preto !important
.cor-bege
	color: $bege !important
/* margens */
$mg: 10px

/* fx */
.FX-in-out
	transition: 0.2s ease-in-out
.FX-in-out-slow
	transition: 0.5s ease-in-out

/* basics */
.font1
	font-family: 'Bevan', cursive
.font2
	font-family: 'Roboto Slab', serif
.font3
	font-family: 'BenchNine', sans-serif

html,
body
	width: 100%
	min-height: 100%
	min-width: 320px
.navMob	
	min-width: 320px
body
	background: $default url(../../img/evento_v2/background-site.jpg) fixed
	background-size: cover
	color: $default
	font-size: 1em
	font-weight: 100
	@extend .font2
	a
		color: #fff

h1, h2, h3, h4, h5, h6
	font-weight: 700
	@extend .font1
.font400
	font-weight: 400
.font700
	font-weight: 700
ul
	margin: 0
	padding: 0
	li
		list-style: none
a
	text-decoration: none
	outline: none
	@extend .FX-in-out-slow
p,
figcaption
	font-size: 1.4em
figure
	margin: 0

img
	max-width: 100%

.minRounded
	border-radius: 2px
.wrap
	max-width: 1100px
	margin: 0 auto
	padding-left: 20px
	padding-right: 20px

.video-container
	position: relative
	padding-bottom: 56.25%
	padding-top: 30px
	height: 0
	overflow: hidden
 
.video-container iframe,
.video-container object,
.video-container embed
	position: absolute
	top: 0
	left: 0
	width: 100%
	height: 100%