/* Site CSS */

img {  display: block; }  img.wrap {  max-width: 70%;  margin: 30px 0px; }  img.align-right {  float: right;  margin-left: 30px; } img.align-left {  float: left;  margin-right: 30px; }
#bythenumbers-header-new {
    background: #fff;
    background: linear-gradient(45deg, #fff 40%, #c10037 60%);
        background-color: transparent;
        background-image: linear-gradient(45deg, rgb(255, 255, 255) 70%, rgb(193, 0, 55) 30%);
        background-repeat: repeat;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
}

#bythenumbers-header-new2 {
    background: #fff;
    background: linear-gradient(45deg, #fff 60%, #c10037 40%);
        background-color: transparent;
        background-image: linear-gradient(45deg, rgb(255, 255, 255) 30%, rgb(193, 0, 55) 70%);
        background-repeat: repeat;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
}
#bythenumbers-header2 {
    background: linear-gradient(90deg, #fff 50%, #ba0c2f 50%);
        background-color: transparent;
        background-image: linear-gradient(315deg, rgb(255, 255, 255) 50%, rgb(193, 0, 55) 50%);
        background-repeat: repeat;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
}
.triangle {
    height: 0;
	width: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 0px solid transparent;
	border-top: 40px solid #a7a8aa;
}
.triangle2 {
	height: 0;
	width: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 40px solid #a7a8aa;
	border-top: 0px solid transparent;
}
.triangle3 {
	height: 0;
	width: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 0px solid transparent;
	border-top: 40px solid #ba0c2f;
}


/* Homepage Feature Carousel */

#home .carousel-caption {
    position: absolute;
    bottom: 50px;
    left:auto;
    right:80px;
    text-align:left;
    z-index: 10;
    color: #ffffff;
    background-color: #c10037;
    background-color: rgba(193,0,55,.85);
    border: 2px solid #fff;
    padding: 20px;
    max-width: 40%;
}


#home .item {
    max-height: 600px;
}

@media (min-width:1600px) {
    #home .item {
        max-height: 800px;
    }
}

@media (max-width: 992px) {
    #home .carousel-caption {
        position:relative;
        left:0;
        top:0;
        bottom:0;
        right:0;
        max-width:100%;                                        
        width:100%;border:0;
        background-color:#c10037;
        border-bottom:2px solid #fff;
        height:100px;
    }
    
    #home .item {max-height:none;}
    
    #homepage-carousel .carousel-control .fa {
    position: absolute;
    top: 30%;
    left: 25%;
    right: 25%;
}
    
    
}

@media (max-width: 768px) {

        #home .carousel-caption {
         height:200px;   
        }
        
            #home .carousel-caption  h1 {
                font-size:20px;
            }
        
        
}

@media (max-width:380px) {   
    .navbar-unm .navbar-brand {max-width:100%; left:0;}    
}

/* end homepage carousel */

