@import url('https://fonts.googleapis.com/css?family=Roboto');


.ribbon {
font-family: 'Roboto', sans-serif;
  background: #bc1424;
  color:white;
  padding: 5px;
  position: absolute;
  top:0;
  float: right;
  width: 150px;
  text-align: center;
right: 0px;
}

.ribbonOrange {
font-family: 'Roboto', sans-serif;
  background: #f66202;
  color:white;
  padding: 5px;
  position: absolute;
  top:0;
  float: right;
  width: 150px;
  text-align: center;
right: 0px;
}


.ribbonBlack {
font-family: 'Roboto', sans-serif;
  background: #68788E;
  color:white;
  padding: 5px;
  position: absolute;
  top:0;
  float: right;
  width: 150px;
  text-align: center;
right: 0px;
}
















/*  old ribbon */



/*

.ribbon {
	font-family: 'Roboto', sans-serif;
  margin: 0;
  padding: 0;
  background: #bc1424;
  color:white;
  padding: 5px;
  position: absolute;
  top:0;
  right: 50px; 
 
  

}
.ribbon:before,
.ribbon:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 50px;
  height: 100%;
  background: #bc1424;

}
.ribbon:before {
  right:100%;
  overflow: hidden;
}

.ribbon:after {
  left:100%;
  overflow: hidden;
}
*/

/*  Orange */

/*
.ribbonOrange {
	font-family: 'Roboto', sans-serif;
  margin: 0;
  padding: 0;
  background: #f66202;
  color:white;
  padding: 5px;
  position: absolute;
  top:0;
  right: 50px; 
 
}
.ribbonOrange:before,
.ribbonOrange:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 50px;
  height: 100%;
  background: #f66202;
}
.ribbonOrange:before {
  right:100%;
}

.ribbonOrange:after {
  left:100%;
}
*/

/*  Orange */


/*  Orange */

/*
.ribbonBlack {
	font-family: 'Roboto', sans-serif;
  margin: 0;
  padding: 0;
  background: #818589;
  color:white;
  padding: 5px;
  position: absolute;
  top:0;
  right: 50px; 
 
}
.ribbonBlack:before,
.ribbonBlack:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 50px;
  height: 100%;
  background: #818589;
}
.ribbonBlack:before {
  right:100%;
}

.ribbonBlack:after {
  left:100%;
}

*/