@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;

    background-image: url('../img/fundoliso.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;

}*/

.background{
    font-family: somersby;
    background-image: url('../img/fundoliso.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.top-row{
    
    /*margin-top:350px;*/
}

.headline{
    font-size: 60px;
    color: white;
    text-shadow: 2px 3px 8px #0A4309;
}


.tvc{
    margin-top:150px;
    background-image: url('../img/moldura1_black.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;

}
.frame1{
        position: absolute;
    /*top: -22px;
    left: 155px;*/
    z-index: 999;
    width:100%;
    pointer-events: none;
}

.blackframe{
    height: 95%;
    background-color: black;
    top: 10%;
    width: 70%;
    left: 15%;
    z-index: 9 !important;
}

.embed-responsive-item
{
    z-index:99;
}

.video_citrus{
    margin-top:22%;
}
.framerow
{
    /*height:160px;*/
}
.framecol
{

}

.divider {
    height:50px;
}

.section {
    height:100%;
    /*padding-top:50px;*/
    /*padding-bottom:50px;*/
    overflow:auto;
}


.bg-1 {
	background: url('../img/fundoliso.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
}
  
.bg-2 {
	background: url('../img/limoes.png') repeat-y top center fixed;
    color:#fff;
    background-size:cover;
}

.bg-3 {
	background: url('../example/bg_blueplane.jpg') no-repeat bottom center fixed;
    color:#fff;
    background-size:cover;
}

.text_campanha p{
    font-family:arial;
    font-size:20px;
    text-shadow: 1px 1px 6px #0A4309;
    font-weight:100;
    line-height: 24px;
}
.text_campanha a{
    font-family:arial;
    font-size:20px;
    text-shadow: 1px 1px 6px #0A4309;
    font-weight:100;
    line-height: 24px;
    color:white;
}

footer
{
   

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
/*.blackframe{
    height: 100%;
    background-color: black;
    top: 0%;
    width: 70%;
    left: 15%;
    z-index: 99 !important;
}*/

.frame1 {
    position: absolute;
    z-index: 999;
    width: 100%;
    pointer-events: none;
    left: 0px;
    top: 5px;
}
.background{
    margin-top:-40px;
}

}

.somersbymobile{
   height: 500px;
    background: url('../img/garrafa.png') no-repeat bottom center;
    background-size: cover;
}



/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
/*.blackframe{
    height: 100%;
    background-color: black;
    top: 0%;
    width: 70%;
    left: 15%;
    z-index: 99 !important;
}*/
.background{
    margin-top:-40px;
}
}


/**********
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 */
/*.blackframe{
    height: 100%;
    background-color: black;
    top: 0%;
    width: 70%;
    left: 15%;
    z-index: 99 !important;
}*/
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */

}