body, html {
    background: #ffa800;
}



header{
    background: -moz-linear-gradient(0deg, #FFA800 0, #EF8400 3%, #FFA800 41%);/* FF3.6+ */
    background: -webkit-gradient(linear, 0deg, color-stop(0, FFA800), color-stop(3%, EF8400), color-stop(41%, FFA800));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(0deg, #FFA800 0, #EF8400 3%, #FFA800 41%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(0deg, #FFA800 0, #EF8400 3%, #FFA800 41%);/* Opera 11.10+ */
    background: -ms-linear-gradient(0deg, #FFA800 0, #EF8400 3%, #FFA800 41%);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    background: linear-gradient(0deg, #FFA800 0, #EF8400 3%, #FFA800 41%);/* W3C */
    padding: 25px 0;
}

header figure{
    max-width: 256px;
    margin: 0 auto;
}

.pcPai {
    background: #591673;
}

.pcPai::before{
    content:'';
    background:url(../img/bg-sombra.jpg) top center no-repeat;
    height: 32px;
    display: inline-block;
    width: 100%;
}

.pcPai2 {
    position: relative;
    margin:-200px auto 0;
    max-width: 1021px;
    padding: 30px 0;
}

@media (max-width:420px){
    .pcPai2 {
    margin:-100px auto 0;

}

.produtos .logoBase iframe{
    height: 320px;
}

}

@media (min-width:421px) and (max-width:780px){
    .pcPai2 {
    margin:-130px auto 0;

}
}

.pcPai2 .textRato {
    position: absolute;
    top: 55%;
}

.Maquina {
    background: #ffa800;
    padding: 30px 0;
}

.produtos {
    background: #591673;
    padding:0;
}

.produtos .item{
    padding: 0;
    margin: 0;
}

 .prods{
    background: #ffa800;
    padding: 0;
    margin: 0;
 }

 .produtos .topo {
    background: url(../img/fundo-produtos.gif) top left repeat-x #591673;
    padding: 80px 10px;
}

 .produtos .topo figure{
     max-width: 923px;
     margin:0 auto;
     padding: 0 20px;
 }
 .produtos .logoBase{
    padding: 70px 0;
    text-align: center;
 }
 .produtos .logoBase iframe{
     height: 620px;
 }
 .produtos .logoBase figure{
     max-width: 694px;
     margin: 0 auto;
     

 }
 .produtos .logoBase h2 {
    color: #ffa800;
    text-transform: uppercase;
    font-size: 2.4em;
}

 .hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    border-right: 1px solid #591672;
    border-bottom: 1px solid #591672;
}
    .hovereffect .overlay {
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    opacity:0;
    background-color:rgba(0,0,0,0.5);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
    }
    
    .hovereffect img {
    display:block;
    position:relative;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;

    -ms-transform:scale(1.5);
    -webkit-transform:scale(1.5);
    transform:scale(1.5);
    }
    
    
    .hovereffect a.info {
        position: absolute;
        text-decoration: none;
        display: inline-block;
        text-transform: uppercase;
        color: #fff;
        border: 1px solid #fff;
        background-color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        /* margin: 50px 0 0; */
        padding: 7px 14px;
        bottom: 50%;
        left: 50%;
        /* margin-left: -50px; */
        /* margin-top: -180px; */
        /* margin: -50px -150px; */
        margin-left: -50px;
        margin-top: 20px;
    }
    
    .hovereffect a.info:hover {
    box-shadow:0 0 5px #fff;
    }
    
    .hovereffect:hover img {
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1);
    }
    
    .hovereffect:hover .overlay {
    opacity:1;
    filter:alpha(opacity=100);
    }
    
    .hovereffect:hover h2,.hovereffect:hover a.info {
    opacity:1;
    filter:alpha(opacity=100);
    -ms-transform:translatey(0);
    -webkit-transform:translatey(0);
    transform:translatey(0);
    }
    
    .hovereffect:hover a.info {
    -webkit-transition-delay:.1s;
    transition-delay:.1s;
    }

    
footer {
    background: #e9365c;
    padding: 30px 0;
}


footer a{
    color:#fff;
    padding:5px;
    font-size:1.4em;
}
footer a:hover{
    color:#000;
    padding:5px;
    font-size:1.4em;
}
.ass {
    background: #b32947;
    columns: #999999;
    padding: 3px;
}
.ass h5 {
    font-size: 0.8em;
    letter-spacing: 0.03em;
    margin: 0;
    padding: 5px;
    color: #d86e84;
}

.fx {
    display: flex;
    justify-content: center;
    align-items: center;
}



@media (max-width:420px){
  
.produtos .logoBase iframe{
    height: 320px;
}

.produtos .logoBase h2 {
    color: #ffa800;
    text-transform: uppercase;
    font-size:1.4em;
}

}

@media (min-width:421px) and (max-width:780px){
    .produtos .logoBase iframe{
        height: 420px;
    }
}