/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
	background-color:#000;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    margin: 50px 0;
}
.cats{
	position:absolute; z-index:2000;  text-align:center; width:100%; max-width:100%;
	 padding-top:100px; margin-top:80px;
	
	}
	
	@media screen and (max-width:767px){
		.cat-c{ display:none;}
	
		
    }
    .mt-5{ margin-top: 50px;}
    .center-in-row{display: flex;
        align-items: center;
        justify-content: center;}

img{ max-width: 100%;}
.cat-col{border-radius: 50%;
    background-color:rgb(0,0,0,.5);
    width: 200px;
    height: 200px;
    display: grid;
    align-items: center;
    text-align: center;
    
}
.cat-col:hover{ background-color: black;}
.cat-col h3{text-transform:uppercase; font-size: 24px;}
    .m-auto{ margin:auto;} 
    
    .wight{ color: #fff;}
    .wight a{ color: #fff;}
    a{ text-decoration: none}
    a:hover{ text-decoration: none;}