body {

background-image: url(victory.png);
background-position: center;
/*background-size: 100% 100% ;*/
/*height: 100%;*/
}

html {
	height: 100%;
}

.nav-item {
	margin-right: 	40px;
	margin-left: 	40px;
	color: black;


}

a:hover  {

text-decoration: bold !important;
size: 10px;

}
.contact {
    color: white !important;


}

.carousel {


width: 300px;
height: 300px;
}




.carousel-inner {
  border-color: $color transparent transparent transparent;
  border-width: #{$corner-bevel}px 0 0 #{$corner-bevel}px;
}

/*}

.carousel-inner {


  border-color: $color transparent transparent transparent;
  border-width: #{$corner-bevel}px 0 0 #{$corner-bevel}px;
}
*/

.dbox {
	transform: skewX(45deg);
	z-index: -1;
	position: fixed;
	left: 100;
	background-color: green;
width: 50%;
height: 50%;
overflow: hidden;


}




.nav {
   color:grey;
    
    
}



.navbar {
  background-color: #333;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100%;
}

/* Style the links inside the navigation bar */
.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.navbar a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.navbar a.active {
  background-color: #4CAF50;
  color: white;
}