@font-face {
    font-family: 'somersby';
    src: url('../font/somersby_header_2008-webfont.eot');
    src: url('../font/somersby_header_2008-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/somersby_header_2008-webfont.woff2') format('woff2'),
         url('../font/somersby_header_2008-webfont.woff') format('woff'),
         url('../font/somersby_header_2008-webfont.ttf') format('truetype'),
         url('../font/somersby_header_2008-webfont.svg#somersby_header_2008regular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body{
	font-family: somersby;

}

.top-container
{
	background-image:url('../img/fundo.png');
	background-size:cover;
	background-position: center bottom;

}

.headline
{
	padding-top:20px;
	padding-bottom:50px;
	margin-top:50px;
}

.top-row
{
	background-image:url('../img/fundocima.png');
	background-size:100%;
	background-position: center bottom;
	margin-top:40px;
	background-repeat: no-repeat;

}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.hand{
	width:110%;
}

.streaming{

	padding-bottom:50px;
}

.col-embed{
	margin-top:50px;
	margin-bottom:70px;
}

.voting-container{
 	background-image:url('../img/relva.png');
	background-size:contain;
	background-repeat: repeat-x;
	background-position: center bottom;
}

.voting-system{
	height:300px;
}

.gif-gallery-container{
	background-color: #1C561B;
    padding-bottom: 50px;
    background-image: url('../img/fundo_galeria.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
}

.gif-gallery-headline
{
	padding-top:30px;
	padding-bottom:30px;
}

.gif-gallery-headline h1
{
	color:white;
	text-align: center;
	letter-spacing: 2px;
}

.share-row{
	margin-top:10px;
}

.share-row img {
	cursor:pointer;
}

.gif-item{
	margin-bottom:30px;
}
.voting-container{
	color:#00451D;

}

.voting-row img{
	height:150px;
}

.voting-item{
	text-align:center;
	cursor:pointer;
}
.voting-back{
	margin-top:20px;
	margin-bottom:40px;
	background-image:url('../img/maovota.png');
	background-size:contain;
	background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size: 20%;

}

.bar-meter{
	background-color:#64B1B0;
	color:white;
	height:50px;
	text-align:center;
	padding-top:12px;
	font-size: 22px;
	margin-top:10px;
}





/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.top-row {
    background-image: url('../img/fundocima.png');
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 55px;

}
}



/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
.top-row {
    background-image: url('../img/fundocima.png');
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 20px;
}
}


/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
.top-row {
    background-image: url('../img/fundocima.png');
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 150px;
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
.top-row {
    background-image: url('../img/fundocima.png');
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 150px;
}
}