.divimgport{
										height: 285px;
										width: 100%;
										background-attachment: fixed;
										background-position: center;
									    -webkit-background-size: cover;
									    -moz-background-size: cover;
									    -o-background-size: cover;
									    background-size: cover;
											}

.imgport {
	height: 285px;
	width: 100%;
}

.row img {
    opacity: 0.2;
}

a.retangulo {
    border: 1px solid #c4c4c4;
    width: 70px;
    height: 30px;

    position: absolute;
    z-index: 20;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);


 	display: inline-block;
   margin-top: -25%; 
    padding: 2px 13px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 20px;
    font-size: 25px;
    color: #FFF !important;
    letter-spacing: 1px;
    left: 43%;
    right: 43%;
    top: 50%;
    text-align: center;


 }

 link {text-decoration:none;}

 @media (min-width: 992px){

 	#alcard{
 		margin-top:-23.2%;
 	}

    .area{

        margin: -50% 36%;
                            }

 }



/* O container geral define a perspectiva */  
.flip-container { perspective: 1000; }      

/* vira os containers frente e verso quando o mouse passa em cima */
.flip-container:hover .flipper, .flip-container.hover .flipper {        
  transform: rotateY(180deg);   
}    
.flip-container, .front, .back {    
  width: 100%;      
  height: 100%;  
}

/* define a velocidade da transição */
.flipper {      
  transition: 0.6s;     
  transform-style: preserve-3d;     
  position: relative;  
}
    
/* esconde o verso durante a animação */
.front, .back {     
  backface-visibility: hidden;      
  position: relative;   
  top: 0;   
 left: 0;  
}
    
/* frente posicionada sobre o verso */
.front { z-index: 2;  }    

/* verso inicialmente escondido */
.back { transform: rotateY(180deg);}




                            /* Back do Flip */

                            .area{
                               text-align: center;
                                position: absolute;
                                margin: -40% 36%;
                            }
                            .textoport {

                             
                            /* color: black; */

                                color: #FFF;
                                font-family: "Open Sans", sans-serif;
                                font-size: 13px;
                                font-weight: 400;
                                letter-spacing: 3px;
                                text-transform: uppercase;
                                    line-height: 2
                            }
                            .titletextport {
                                color: #FFF;
                                font-size: 30px;
                                font-family: 'Pacifico', cursive;
                                font-weight: 300;
                                
                            }

                            h7 {
                                color:#EA504E;
                                 font-size: 30px;
                                  font-family: "Open Sans", sans-serif;
                                      line-height: 9px;
                                      text-align: center;

                            }



                            /* Back do Flip */