/*====================================
  flip card for mobile view
====================================*/

.mobile-view-card{
	background-color: transparent;
    width: 100%;
    height:auto;
    
    overflow: hidden !important;
   
   /* padding: 15px;
    border: rgba(255, 255, 255, 0.5) solid 1px;*/
    box-sizing: border-box;
	z-index:9;
	position:relative;
   border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
   padding-bottom:15px;
	
	
}

.mobile-view-background {
 
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
  
    background-position: -20px;
	position:relative;
	border-radius:12px;
	overflow:hidden;
}

/*
.mobile-view-background:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.6);
		
}
*/

.mobile-view-card-content{
	
	z-index:3;
}


.mobile-view-card-content h3 {
   
    font-size: 32px;
    line-height: 28px;
    text-align: center;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    transform: translateZ(50px);
    font-weight: 900;
    transform: translateZ(150px);
	text-align: left;
    
	color:#a7cbe0;
	margin-bottom: 0;
	margin-top:2px;
}




.mobile-view-card-content  p {
   font-size: 15px;
    font-weight: 500 !important;
    letter-spacing: 1.2px;
    margin-top: 8px;
    margin-bottom: 2px;
    color: #fff;
    line-height: 22px;
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
}

@media (max-width: 767px) {
	
	.mobile-view-card-content h3 {
		font-size: 26px;
	}
	
	
}

@media (max-width:480px) {
	
	.mobile-view-card-content h3 {
		font-size: 22px;
        line-height: 28px;
        letter-spacing: 0px !important;
	}
	
	.mobile-view-card-content p {
    font-size:15px;
    color: #fff;
	line-height:20px
}
	
	
}