/* Empty. Add your own CSS if you like */
.box {
padding: 1em;
  width: 100%;
  height: 100%;
}

.back1 {
	 background-image: url('../img/slieder-back1.jpg');
	 background-repeat: no-repeat;background-size: cover;
}

.back2 {
	background-image: url('../img/slieder-back2.jpg');
	background-repeat: no-repeat;background-size: cover;
}

.back3 {
	background-image: url('../img/slieder-back3.jpg');
	background-repeat: no-repeat;background-size: cover;
}

.font-robo {
	font-family: RobotoDraft;
	font-size: 24px;
}

.font-robo500small {
	font-family: RobotoDraft;
	font-size: 12px;
	font-weight:500;
}

.font-robo500medium {
	font-family: RobotoDraft;
	font-size: 18px;
	font-weight:500;
}

.font-robo500big {
	font-family: RobotoDraft;
	font-size: 24px;
	font-weight:500;
}


.font-robo400small {
	font-family: RobotoDraft;
	font-size: 12px;
	font-weight:400;
}

.font-robo400medium {
	font-family: RobotoDraft;
	font-size: 18px;
	font-weight:400;
}

.font-robo400big {
	font-family: RobotoDraft;
	font-size: 24px;
	font-weight:400;
}

.font-robo300small {
	font-family: RobotoDraft;
	font-size: 12px;
	font-weight:300;
}

.font-robo300medium {
	font-family: RobotoDraft;
	font-size: 18px;
	font-weight:300;
}

.font-robo300big {
	font-family: RobotoDraft;
	font-size: 24px;
	font-weight:300;
}