.navbar-pink{background-color: #FFCC52;
                color:black;
                padding-left: 2em;
                padding-right: 2em;
                padding-top: 1.5em;
                padding-bottom: 1.5em;
                
            }

.navbar-pink a {
    color: black;
    font-family: Raleway;
    font-size: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-weight: 600;
    
}
body{font-family: Raleway;
}

.gallery-link{

    text-decoration: none;
    color: #000;
    font-weight: 800;
    padding: 0.75rem;
    font-size: large;

}



.btn2{

    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    color: #000;

}

.one-ref{
    margin-bottom: 0.5em;
}

.signature {font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
}

.coop{padding-top:1.5em;
    padding-bottom:1.5em;}

.references {
    background-color: white;
    padding: 1em;
    font-style: italic;
    
}

.jump{margin-top:8em;}

.footer-pink {background-color: #FFCC52; padding-top: 2%; 
                }
.btn-header {background-color: #79e248;
                border-radius: 25px;

}

.btn-cameraman {
    border-radius: 25px;
    background-color: #79e248;

}

.opening {padding: 2em;
        border-color: black;
        text-align: center;

}

.calltoaction{ background-color:#F8DCDF}
        
.myform{ 
  padding: 2em;
  margin-bottom: 1em;
  background-color: #d9f7d0;
  border-radius: 80px;
}

.balicky{
    list-style: none;
}

@keyframes zoom {
    from {width: 100%; height: 100%;}
    to {width: 120%; height: 120%;}
  }

.btn-form{background-color: #79e248;
    border-radius: 25px;
margin: 1em;}

.btn-form:hover{background-color:#fcf956;;}

.img-border{border-radius: 30px;}



.btn-header:hover {background-color: #fcf956;
color:black; }

.contact-info {

    font-weight: bold;
    color: dodgerblue;

}

.ref-link{

    color: #000;

}

.SlideFromLeft{
    animation-name: SlideFromLeft;
    animation-timing-function: ease-in;
}
.SlideFromRight{
    animation-name: SlideFromRight;
    animation-timing-function: ease-in;
}
.FadeIn{animation-name: FadeIn;
animation-timing-function:ease-in;}

.Bounce:hover{animation-name: Bounce;
    animation-timing-function:ease-in;}

.zoom:hover {animation-name:Zoom;
    animation-timing-function: ease-in;}

    .zoom--big:hover {animation-name:ZoomBig;
        animation-timing-function: ease-in;}

.animate {animation-duration: 1s;
animation-timing-function: ease-in;
animation-fill-mode: both;}

.animate.animate--super--fast{animation-duration: 0.2s;}
.animate.animate--slow {animation-duration: 2.5s;}
.animate.animate--normal{animation-duration: 1.8s;}
.animate.animate--fast{animation-duration: 0.7s;}
.animate.animate--delay-1s{animation-delay: 1s;}
.animate.animate--delay-2s{animation-delay: 2s;}
.animate.animate--delay-3s{animation-delay: 3s;}
.animate.animate--delay-4s{animation-delay: 4s;}
.animate.animate--delay-5s{animation-delay: 5s;}
.animate.animate--delay-8s{animation-delay: 8s;}
.animate.animate--delay-10s{animation-delay: 10s;}

@keyframes Zoom{
    0%{transform: scale(100%);}
    25%{transform: scale(107%);}
    75%{transform: scale(107%);}
    100%{transform: scale( 100%);}
}

@keyframes ZoomBig{
    0%{transform: scale(100%);}
    25%{transform: scale(115%);}
    75%{transform: scale(115%);}
    100%{transform: scale( 100%);}
}

@keyframes Bounce{
0%,20%,50%,80%,100%{transform: translateY(0);}
40%{transform: translateY(-30px);}
60%{transform:translateY(-15px)}

}

@keyframes SlideFromLeft {
from {transform: translateX(-1200px);}
to {transform: translateX(0);}
}

@keyframes SlideFromRight {
    from {transform: translateX(600px);}
    to {transform: translateX(0);}
    }
@keyframes FadeIn {
    from{opacity: 0%;}
    to{opacity: 100%;}
    
}

@media (min-width: 768px) {
    .navbar-brand.abs
        {
            position: absolute;
            width: auto;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
        }
        
    }

    @media (max-width: 768px) {
        
            .jump{margin-top: 10em;}

            .openingweb{margin-top:5.5em;}

            .contactinfo {               
               padding-top: 1em;}
        }

        @media (max-width: 400px) {
        
            .jump{margin-top: 12em;}
            .openingweb{margin-top:8em;}
        }

        button:active {
            transform: scale(1.1);
        }