/* Centered text */
.centered {
  position: absolute;
width: 60%;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -10%);
}

form #website {
display:none;
}

.paginator [rel="prev"] {
    float: left;
}
.paginator {
    clear: both;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.paginator [rel="next"] {
    float: right;
}
.paginator [rel="next"],
.paginator [rel="prev"] {
    padding: 10px;
    background: var(--black);
    color: var(--white);
}
.cookiealert {
    position: fixed;
    width: 100%;
    padding: 5px;
    margin: 0 !important;
    z-index: 999;
    background: var(--dkgrey);
    transform: translateY(100%);
    transition: 0.5s ease-out;
    color: var(--white);
    font-size: 15px;
}
.cookiealert.show {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1s;
}
.cookiealert .acceptcookies {
    padding: 15px;
    margin-left: 10px;
border-radius:8px;
    vertical-align: baseline;
}


/* Floating button */
#float {
	position:fixed;
        z-index: 9999;
	top:3px;
	left:3px;
}

#float img{
    width: 150px;
}

@media (max-width: 990px) {
    #float img {   
position:fixed;
        z-index: 9999;
	top:3px;
	right:3px; 
width: 100px;
    } 
}

@media (max-width: 414px) {
    #float img {    
width: 80px;
    } 
}

.card {
background-color: rgb(208, 106, 237, 0.3);
}

.card-footer {
padding: 25px 0;
text-align:center;
background:transparent;
border: 0;
}

.card h2, .card-title {
font-weight: 500;
font-size: 28px;
color: rgb(208, 106, 237,1.0);

}

.portfolio-caption {
padding: 10px;
text-align:center;
font-weight: 500;
}



		.cookiealert {
			position: fixed;
			bottom: 0;
			width: 100%;
			padding: 20px;
			margin: 0 !important;
			z-index: 999;
			opacity: 0;
			border-radius: 10px 0 0 0;
			background-color: black;
			transform: translateY(100%);
			transition: all 0.5s ease-out;
			color: #ecf0f1;
			text-align: center;
		}
		
		.cookiealert.show {
			opacity: 0.8;
			transform: translateY(0);
			transition-delay: 1s;
		}
		
		.cookiealert a {
			text-decoration: none;
			color: #fff !important;
		}
		
		.cookiealert .acceptcookies {
			margin-left: 10px;
			border-radius: 8px;
			vertical-align: baseline;
		  
		}