/* CSS Document */

/* News */

.btn-group .button {  
    border: 1px solid #ccc;
	color: black;
    padding: 15px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    width: 100%;
    font-family: 'Roboto', sans-serif;
	font-size: 100%; 
}


.btn-group .button:not(:last-child) {
    border-bottom: none; /* Prevent double borders */
}

.btn-group .button:hover {
    background-color: #5280b2;
	color: white;
}

.btn-group a {
    text-decoration: none;
}


.btn-group .button.primary {
    background-color: #2e6da4 !important;
}

.btn-group .button.success {
    background-color: #3f903f !important;
}

.btn-group .button.warning {
    background-color: #f0ad4e !important;

}

.btn-group .button.danger {
    background-color: #d9534f !important;
}

.btn-group .button.info {
    background-color: #C8D6E6 !important;
	text-align: center;
	
	}

.btn-group .button.info:hover {
    background-color: #e1cc89 !important;
	color: white;
}



/* Slideshow */

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 15s slidy infinite; 
}


/* Name test */
.name {
    position: relative;
    text-align: center;
    color: black;
	font-weight: 700;
	text-transform: uppercase;
	font-size:1vw;
}

.centered {
	position: absolute;
	top: 60%;
	left: 38.5%;
	transform: translate(-50%, -50%);
}