/**
	* ----------------------------------------------------------------------- #
	*
	* Generic Content Classes
	*
	* (en) standard classes for positioning and highlighting
	* (de) Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/

	h1 
	{
	font-family: Oxygen;
	font-size: 32px;
	}

	h2
	{
	font-family: Oxygen;
	font-size: 20px;
	}

	h3
	{
	font-family: Oxygen;
	font-size: 20px;
	margin:0.4286em 0 0.4286em;
	}
	
		.info {
		background:#f4f4f4;
		font-size: 16px;
		line-height: 18px;
		font-family: Oxygen;
		text-align: left;
	}

.ym-wrapper {
  min-width: 760px;
  max-width: 1000px;
}

	.ym-wbox{
		padding:10px;
		border: 10px solid white;
  		border-radius: 10px;
		margin-left: 50;
		}
/**
Try to get responsive design to work - 1-30-2021
*/
/*
    .ym-col1 { width: 40%; } /* left column */
/*    .ym-col2 { width: 40%; } /* right column */
/*    .ym-col3 { margin-left: 45%; margin-right: 45%; } /* center column */

@media screen and ( max-width: 760px )  {

	.ym-column{display:table;width:100%}.ym-col1{width:40%}.ym-col2{width:40%}.ym-col3{ margin-left: 40%; margin-right: 40%; }

  /* linearization for grid module */
  .linearize-level-1,
  .linearize-level-1 > [class*="ym-g"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }

  /* reset defined gutter values */
  .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
    overflow: hidden; /* optional for containing floats */
    padding: 0;
    margin: 0;
  }
}

/* Simple 960.gs port for YAML 4 */
.ym-g960-1 { width: 80px; }
.ym-g960-2 { width: 160px; }
.ym-g960-3 { width: 240px; }
.ym-g960-4 { width: 320px; }
.ym-g960-5 { width: 400px; }
.ym-g960-6 { width: 480px; }
.ym-g960-7 { width: 560px; }
.ym-g960-8 { width: 640px; }
.ym-g960-9 { width: 720px; }
.ym-g960-10 { width: 800px; }
.ym-g960-11 { width: 880px; }
.ym-g960-12 { width: 960px; }

.ym-gbox {
  padding: 0;
  margin-right: 20px;
}