h2
{
	margin-top:0px;
}
h3
{
	margin-bottom:30px;
}

.menu {
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
	
    padding-top: 15px;
    padding-right: 40px;
    padding-bottom: 15px;
    padding-left: 40px;
	box-sizing: border-box;	
	z-index: 1;
}
.footer {
    background: rgba(0, 0, 0, 1);
    color: #f1f1f1;
    width: 100%;
    padding: 10px;
	box-sizing: border-box;		
}

.section-image {
    background: rgba(0, 0, 0, 1);
    color: #f1f1f1;
    width: 100%;
	box-sizing: border-box;		
	z-index: 0;
}

.section {
    background: rgba(0, 0, 0, 1);
    color: #f1f1f1;
    width: 100%;
    padding-top: 40px;
    padding-right: 5%;
    padding-bottom: 50px;
    padding-left: 5%;

	box-sizing: border-box;		
	z-index: 0;
}
.section-short {
    background: rgba(0, 0, 0, 1);
    color: #f1f1f1;
    width: 100%;
    padding-top: 10px;
    padding-right: 5%;
    padding-bottom: 10px;
    padding-left: 5%;

	box-sizing: border-box;		
	z-index: 0;
}

.section-block {
    padding-top: 25px;
    padding-right: 2%;
    padding-bottom: 25px;
    padding-left: 2%;

	box-sizing: border-box;		
	z-index: 0;
}

.videoWrapper 
{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}	

#spanleftheader  { text-align: left; }
#spanleft { text-align: left; }
#spancenter { text-align: center; width: 100%;}
#spanright { text-align: right; }
#newsleft { align: left; }
#newsright { align: left; }
#imgarticle { width:100%; border-width: 5px;   border-color: white;   border-style: solid;}
#imgnews { width:100%; }

/*if there is pixels or more, then display text and image next to each other */
@media only screen and (min-width : 1052px) 
{
	span 
	{
		display: table-cell;
		vertical-align: middle;
	}
	#spanleftheader  { text-align: left; width: 60%;}	
	#spanleft  { text-align: left; width: 60%;}
	#spanright { text-align: right; width: 40%;}
	#newsleft  { text-align: left; width: 20%;}
	#newsright { text-align: left; width: 80%; padding-left:5%;}
	p { padding-right: 8%; }
	

	.videoWrapper 
	{
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 0px;
		width: 595px;		
		height: 0;
	}	
}
/*if there is pixels or less, then display text above image */
@media only screen and (max-width : 1051px) 
{
	span 
	{
		display:block;
	}
	#spanleftheader  { text-align: left; width: 100%;}		
	#spanleft  { text-align: left; width: 100%; padding-bottom:50px; }
	#spanright { text-align: center; width: 100%;}
	#newsleft  { text-align: center; width: 100%; }
	#newsright { text-align: left; width: 100%;  padding-bottom:5%; padding-top: 5%; }	
	p { padding-right: 0%; }
	/* .pbig { padding-right: 0%; } */
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-width: 5px;   border-color: white;   border-style: solid;
}

.button-green 
{
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
}

.button-red 
{
  background-color: #AF5050;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
}

.button-small-red 
{
  background-color: #f44336;
  border: none;
  color: white;
  padding: 5px 13px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
}
.button-small-green 
{
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 5px 13px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
}