<style>
 
	   .backdrop { 
  			margin: auto;
  			width: 100%;
  			background: #470200
  			border: 0px solid #000000;
  			padding: 0px;
}

    .carousel-control-prev,
    .carousel-control-next {
        height: 50px;
        width: 50px;
        outline: $color-white;
        background-size: 100%, 100%;
        border-radius: 50%;
        border: 1px solid $color-white;
        background-color: $color-white;
    }

    .carousel-control-prev-icon { 
        background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009be1' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); 
        width: 20px;
        height: 40px;
    }
    .carousel-control-next-icon { 
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009be1' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
        width: 20px;
        height: 40px;
    }
    .box-1 {
    		margin: auto;
    		width: 95%;
    		border: 0px solid #ffff00;
    		padding: 10px;
    		background: #ffffff;
    }
    .box-2 {
            margin: auto;
            width: 95%;
            border: 2px solid #aaaaaa;
            padding: 10px;
            background: #cccccc;
    }
    hr.new1 {
  			border: 5px solid gray;
  			border-radius: 5px;
    }
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: black;
   color: white;
   text-align: left;
   font-size: .75em;
   padding: 5px;
   border: 5px white
}
</style>