/*DCR*/
/* http://haslayout.net/css-tuts/Fixing-Page-Shift-Problem */
html {
    overflow-y: scroll;
}
/*http://tympanus.net/codrops/2012/05/15/making-room-to-breathe-wrapping-text-around-elements/*/
.align_left {
    float: left; 
    margin-right: 1em;
    margin-bottom: 1em;
}
 
.align_right {
    float: right; 
    margin-left: 1em;
    margin-bottom: 1em;
}
 
.align_center {
    display: block; 
    margin-left: auto; 
    margin-right: auto;
}

.padding1 {
    padding: 30px 0 0 0;
}

p {
  margin-top: 0em;
  margin-bottom: 1em;
}

/**http://alistapart.com/article/multicolumnlists**/

/* allow room for 3 columns */
 ul.columns
  {
	width: 52em; /*40em;*/
    /*width: 90%;*/ /*center*/
    /*margin: auto;*/ /*center*/
  }  /* float & allow room for the widest item */
  ul.columns li.columns
  {
    float: left;
    width: 21em; /*17em;*/
  }  /* stop the float */
  li.columns
  {
    list-style-type: none;
  }
  br.columns
  {
    clear: left;
  }  /* separate the list from subsequent markup */
  div.wrapper
  {
    margin-bottom: 1em;
  }
  
  
  ul.columns2
  {
	width: 29em; /*25em;*/
    /*width: 90%;*/ /*center*/
    /*margin: auto;*/ /*center*/
  }  /* float & allow room for the widest item */
  ul.columns2 li.columns2
  {
    float: left;
    width: 28em; /*22em;*/
  }  /* stop the float */
  li.columns2
  {
    list-style-type: disc;
  }
  br.columns2
  {
    clear: left;
  }  /* separate the list from subsequent markup */
  
 
 ul.columns3
  {
	width: 15em;
    /*width: 90%;*/ /*center*/
    /*margin: auto;*/ /*center*/
  }  /* float & allow room for the widest item */
  ul.columns3 li.columns3
  {
    float: left;
    width: 14em; /**10em;/
  }  /* stop the float */
  li.columns3
  {
    list-style-type: none;
  }
  br.columns3
  {
    clear: left;
  }  /* separate the list from subsequent markup */

 
 /*off center text */
.wrap {
    float: left;
    position: relative;
    left: 40%;
}

.content {
    float: left;
    position: relative;
    left: -60%;
}


/*center text */
.wrap2 {
    float: left;
    position: relative;
    left: 50%;
}

.content2 {
    float: left;
    position: relative;
    left: -50%;
}

/*prevent x scroll*/
.entry-content 
{
	overflow-x: hidden;
}

/***/

@media (max-width: 479px) {
  
	.align_left {
		display: block; 
		float: none;
		text-align:center;
	}
	.align_right {
		display: block; 
		float: none;
		/*display:inline-block;*/ 
		text-align:center;
	}

	ul.columns, ul.columns3 {
		width: 25em;
	}  /* float & allow room for the widest item */
	ul.columns2 {
		width: 24em;
	}  /* float & allow room for the widest item */
	  
	/*center text */
	.wrap {
		float: left;
		position: relative;
		left: 50%;
	}
	.content {
		float: left;
		position: relative;
		left: -50%;
	}
}