@charset "utf-8";
/* CSS Document */
.container-fluid{padding:0px;margin:0px;}
	body{
		  font-family: Cambria, 'Hoofler Text', 'Liberation Serif', times, 'Times New Roman', 'serif'; font-size:20px;
		}

	

		.color{
			margin-top:10px;
			background-color:#ffbfab;
		}
		a:link{
			color:black;
			font-size:20px;
		}
		.li:hover{
			background-color:#ed1e79;color:white;
		}
		
		.li{margin-left:20px;
			color:#ed1e79;
		
		}
		.li a{text-decoration: none;}
		.active{background-color:#ed1e79;color:white;}

   
              
	
     
	
		.btn1:hover{color:white;background-color:#ed1e79; }
		.btn1{color:#ed1e79;background-color: transparent;border:1px solid #ed1e79;}
	
	
		.font1{
			font-family: 'Pacifico', cursive;
			font-size: 50px;
		    color: #ed1e79;
			text-align: center;
		}
	
		.margin{
			margin-left: 25px;
			margin-right: 25px;
			text-align:center;
		}
		.mar{
			margin-left: 15%;
}
		
		
		.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  
}

	.bridal:hover .overlay {
         opacity: 1;
		text-align: center;
}
      .col-sm-6:hover .overlay {
         opacity: 1;
}

       .text {
		  background-color:#ffbfab;
         color: #ed1e79;
          font-size: 16px;
          position: absolute;
          top: 50%;
          left: 50%;
         -webkit-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
		   padding: 16px 32px;
         text-align: center;
}    
	
		.footer{

           text-align:center;   
	       background-color:#ffbfab;
		   color:#ed1e79;
		
		}
		
		.fa-facebook-square{
			font-size:45px;
		}
		.fa-facebook-square:hover{
			color: #3C5A99;
			
			
		}
		
		.fa-twitter-square{
		font-size:45px;	
		}
		.fa-twitter-square:hover{
			color: #1DA1F2;
			
		}
		.fa-instagram{
		font-size:45px;
	
		}
		.fa-instagram:hover{
			color: #125688;
		}
	
		
@media screen and (max-width: 946px) {
  .container-fluid a:not(:first-child) {display: none;}
  .container-fluid a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 946px) {
  .container-fluid.responsive {position: relative;}
  .container-fluid.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .container-fluid.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
		}
	
	.pad1{
			padding-top:50px;
		    padding-left: 90px;
		}
	
		.col-sm-6{
			width:350; 
			height:350;
		}