@font-face {
    font-family: "RoSans";
    src: url("../fonts/ROsanswebtextregular.woff") format('woff');
}

@font-face {
    font-family: "RoSans";
    src: url("../fonts/ROsanswebtextbold.woff") format('woff');
    font-weight: bold;
}

@font-face {
    font-family: "RoSans";
    src: url("../fonts/ROsanswebtextitalic.woff") format('woff');
    font-style: italic;
}

.logo{
    	height: 120px;
	display: block;
    	text-align: center;
}

.bar-row{
	height: 67px;
	background-color: #c0005c;
	font-family: "RoSans";
  	color: #fff;
}

.bar-text-left {
	float: left;
  	width: calc(30% - 10px);
	padding-left: 10px;
    	position: relative;
	padding-top: 18px;
  	font-size: 25px;
}

.bar-text-right {
	float: left;
  	width: calc(30% - 10px);
	padding-right: 10px;
    	position: relative;
	padding-top: 20px;
	text-align: right;
	font-size: 20px;
	text-decoration: underline;
}

.bar-fill {
  	float: left;
  	width: 20%;
}

.text {
  	float: left;
  	width: calc(60% - 20px);
	padding-right: 10px;
	padding-left: 10px;
	font-size: 19px;
    	position: static;
	font-family: "RoSans";
	padding-top: 15px;
	line-height: 1.4;
	height: 100vh;
	background-color: #f3f3f3;
}

.text h3 {
    display: inline;
}

.col-fill-left {
  	float: left;
  	width: 20%;
	height: 100vh;
	background-color: #f3f3f3;
}

.col-fill-right {
  	float: right;
  	width: 20%;
	height: 100vh;
	background-color: #f3f3f3;
}

/* Clear floats after the columns */
.row:after {
  	content: "";
  	display: table;
  	clear: both;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */

.bar-text-left {
	float: left;
  	width: calc(70% - 10px);
	padding-left: 10px;
    	position: relative;
	padding-top: 18px;
	left: 0;
  	font-size: 25px;
}

.bar-text-right {
	float: right;
  	width: calc(30% - 10px);
	padding-right: 10px;
    	position: relative;
	padding-top: 20px;
    	right: 0;
	text-align: right;
	font-size: 20px;
	text-decoration: underline;
}

.bar-fill {
  	float: left;
  	width: 0%;
}

.text {
  	float: left;
  	width: calc(100% - 20px);
	padding-right: 10px;
	padding-left: 10px;
	font-size: 19px;
    	position: static;
	font-family: "RoSans";
	padding-top: 15px;
	line-height: 1.4;
	height: 100vh;
	background-color: #f3f3f3;
}

.col-fill-left {
  	float: left;
  	width: 0%;
	height: 100vh;
	background-color: #f3f3f3;
}

.col-fill-right {
  	float: right;
  	width: 0%;
	height: 100vh;
	background-color: #f3f3f3;
}
}