body  {

	font-family: 'Signika', sans-serif;
	line-height: 1.5;
	text-align: left;

  background-image: url('background.png');

  background-repeat: repeat;
	background-position: 0% 0%; 
	background-attachment: fixed;
  width: 100%;
  padding: 0%;
  margin: 0%;                                     
  color: #fff;
  


}

.header {

  width: 100%;
  margin: 0%;
  
}

.header-image {
  
  width: 100%;

}

.container  {

  float: left;
  width: 60%;
  padding: 0% 20%;
  margin: 0% auto;
  color: #000;
  background-color: #fff;

}

.container-2  {

  float: left;
  
  width: 80%;
  padding: 1% 10%;
  margin: 1% auto;
  color: #000;


}


.container-bottom  {

  float: left;
  width: 60%;
  padding: 0% 20% 4% 20%;
  margin: 0% auto;
  color: #000;
  background-color: #fff;

}

.container  p {
  
  width: 80%;
  float: left;
  margin: 0%;
  padding: 0%;

}

.radio {
  
  width: 16%;
  float: left;
  margin-right: 4%;

}


.program-item {

  
  background-color: #8d4623;
  padding: 2%;
  width: 62%;
  margin: 2% auto;
  border-radius: 20px;
  color: #fff;

}



.footer {
  

  width: 100%;
  margin-top: 4%;
  background-color: #000;
  color: #fff;
  float: right;
  

}

.footer p {
  
  padding: 1%;

}
@media only screen and (min-width: 1px) and (max-width: 599px) { 


.program-item {
  
  width: 96%;
  padding: 2%;

}


.container, .container-2  {

  float: left;  
  width: 96%;
  padding: 1% 2%;
  margin: 1% 0%;



}


.container  p {
  
  width: 96%;
  float: left;
  margin: 0%;
  padding: 2%;

}
  
}