@charset 'utf-8';
/* CONNECT CUSTOM MOBILE CSS */
/**************************************** Section 1 ****************************************/

#connect-section-1
{
    height: 455px;

    background: url(../images/background-mobile01.jpg) center top repeat-y;
}
#connect-container #connect-section-1 .connect-col-6
{
    width: 100%;
}
#connect-section-1 .logo
{
    margin-top: 5px;
    margin-left: 25%;
}
#connect-section-1 h2
{
    text-align: center;
    font-size: 16px;
    margin: 0 39% 0 0;
}
#connect-section-1 .selo-20pcs
{
    float: right;

    width: 78px;
    height: 78px;
    margin: 10px 0 0 0;
}
/**************************************** Section 2 ****************************************/

#connect-section-2
{
    height: 557px;

    background: url(../images/background-mobile02.jpg) center top;
}
#connect-section-2 .selo-25anos
{
    float: right;

    width: 103px;
    height: 100px;
    margin: 55px 0 0 0;
}
#connect-section-2 .row-2 h3,
#connect-section-2 .row-3 h3
{
    font-size: 20px;
}
#connect-section-2 .row-2 p,
#connect-section-2 .row-3 p
{
    font-size: 12px;
    font-weight: normal;
}
#connect-section-2 .row-2 h3
{
    width: 100%;
    margin-top: 50px;
    margin-left: -15px;
}
#connect-section-2 .row-2 p
{
    width: 109%;
    margin-left: -15px;

    color: #000;
}
#connect-section-2 .row-3 h3
{
    width: 130%;
    margin-top: -20px;
    margin-left: 27px;
}
#connect-section-2 .row-3 p
{
    width: 115%;
    margin-left: 27px;
}
#connect-section-2 .row-4 p
{
    font-size: 12px;

    width: 76%;
    margin: 91px 0 0 -155px;

}

#connect-section-2 .row-5 .circulo {
	float: right;
	width: 92px;
	height: 92px;
	margin-top: -109px;
	margin-right: -12px;
}

#connect-section-2 .row-5 .selo-gourmet {
	width: 63px;
	height: 63px;
	margin: -105px 0 0 -30px;
}

/**************************************** Section 3 ****************************************/

#connect-section-3
{
    height: 516px;

    background: url(../images/background-mobile03.jpg) center top;
}

#connect-section-3 .row-1 h3 {
	font-size: 20px;
	width: 141%;
	margin-top: 143px
}

#connect-section-3 .row-1 p {
	margin-top: 0;
	font-size: 12px;
	width: 112%;
    float: none;
    margin-left: 20px;
}

#connect-section-3 .row-2 p {
	font-size: 12px;
	width: 75%;
	margin-top: 55px;
}

/**************************************** Section 4 ****************************************/

#connect-section-4 .connect-row .connect-col-12 img,
#connect-section-4 .connect-row .connect-col-12 #connect-player
{
    min-height: 250px;
}
/**************************************** Section 5 ****************************************/

#connect-section-5
{
    height: 416px;

    background: url(../images/background-mobile05.jpg) center top repeat-y;
}

#connect-section-5 .row-1 h2 {
	width: 85%;
	font-size: 20px;
	margin: 15px 0 15px 0; 
}

#connect-container  #connect-section-5 .connect-col-6 {
	width: 100%;
	float: left;
}

#connect-section-5 .row-2 .connect-col-6 .right-list {
	float: left;
    width: 100%;
}

#connect-section-5 .row-2 ul li {
	font-size: 12px;
}