/*!
 *
 * 
 * 
 */

body {
  font-family: RobotoCondensed;
  min-width: 1200px;
}

* {
  box-sizing: border-box;
}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}


.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}


.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@font-face {
		font-family: RobotoLight;
		src: url(../fonts/RobotoLight.ttf);
}
@font-face {
		font-family: Roboto;
		src: url(../fonts/RobotoRegular.ttf);
}		
@font-face {
		font-family: RobotoCondensed;
		src: url(../fonts/RobotoCondensed.ttf);
}	
@font-face {
		font-family: RobotoCondensed;
		src: url(../fonts/RobotoCondensed.ttf);
		font-weight: normal;		
}		
@font-face {
		font-family: RobotoCondensed;
		src: url(../fonts/RobotoCondensed-Bold.ttf);
		font-weight: bold;
}		
@font-face {
		font-family: RobotoCondensed;
		src: url(../fonts/RobotoCondensed-Italic.ttf);
		font-style: italic;
}		
@font-face {
		font-family: RobotoCondensed;
		src: url(../fonts/RobotoCondensed-BoldItalic.ttf);
		font-weight: bold;	
		font-style: italic;		
}