@charset "utf-8";

#lure { width:100%; padding:0; margin:auto; margin-top:3%; margin-bottom:5%; background-color: #64a70c; background-image: url(images/lures/lurebanner-gallery.png); 
background-repeat:no-repeat; background-position: right 0px top 0px; background-attachment:fixed; background-size: auto 100%;}

#masonry {column-count: 3; column-gap: 4%; width: 88%; margin: auto; margin-bottom: 3%;}
.brickseg {break-inside: avoid; margin-bottom: 5%;  border-radius: 12px; }
.brickseg img { width: 100%; display: inline-block; border-radius: 12px; transition: ease-in-out transform 0.4s ;}
.brickseg:hover img {transform: scale(1.03);}
.fade-in {opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease, transform 0.8s ease;}
.fade-in.show {opacity: 1; transform: translateY(0); }

#contact-choice { display:flex; flex-direction:row; justify-content:space-around; width:50%; margin:auto; padding:0;}

#openFormBtn { display:block; padding:0; margin:auto; width:10%; background: none; border: none; outline: none; border-radius:100px; transition: all 0.3s ease; flex:1;}
#openFormBtn:hover {transition: transform 0.3s ease-in-out; transform: scale(1.07); box-shadow:#222 0 5px 9px;}
#openFormBtn img { display:block; width:100%;}

.phonenumber img {display:block;  width:40%; margin:auto; transition: transform 0.2s ease, background-color 0.2s ease; cursor: pointer; flex:2;}
.phonenumber img:hover {transform:scale(1.1);}
.phonenumber img:active {transform: scale(0.98);}

@media (max-width: 760px) {
	
#lure  {padding: 13% 0 13% 0;}	
#lure h1 {text-align:center; font-size:2.45rem; -webkit-text-stroke: 1px #000; width:97%; margin:auto;}
#lure p {text-align:justify; text-justify: inter-character; font-size:1.35rem; text-shadow: 0 1px 6px rgba(0, 0, 0, 1), 0 0 7px rgba(0, 0, 0, 0.7); width:95%; margin:auto;}
.blur {margin:0; padding:0; width:100%; -webkit-mask-image: linear-gradient(to right, black 100%, transparent 0%);}	

#masonry {column-count: 2; width: 95%; margin-top:15%; margin-bottom:15%;}


#contact-choice { display:flex; flex-direction:column; justify-content:center; width:100%; margin:auto; padding:0;}

#openFormBtn { display:block; padding:0; margin:auto; width:72%; background: none; border: none; outline: none; border-radius:100px; transition:none; flex:1; margin-bottom:10%;}
#openFormBtn:hover {transition:none; transform:none; box-shadow:#222 0 5px 9px;}
#openFormBtn img { display:block; width:100%;}



}