/*
* Stylesheet: example.html
*
* Design by nelledejones
* Services provided by https://nelle.us
*/
@media only screen
and (max-height : 599px)
and (orientation : landscape) {
	.mobileDown {
	  display: inline-block;
	}

.big {
  font-size: 4vw;
}

button {
	margin: 2.5% 0;
}

p:hover {
	/* background: #c1bebc;
	color: #000000; */
}

/*--------------------------------------------------------------
# nellePageButton
--------------------------------------------------------------*/
.nelleButton {
	/* margin: 2.5% 0; */
}

/*--------------------------------------------------------------
# buttonCol1
--------------------------------------------------------------*/
/* .buttonCol1 a.buttonInner, .buttonCol1 .buttonInner, .twoCol a.buttonInner, .twoCol .buttonInner {
	width: 50%;
} */

.buttonCol1 a.buttonInner, .buttonCol1 .buttonInner {
	width: 50%;
}

/*--------------------------------------------------------------
# buttonCol2
--------------------------------------------------------------*/
.buttonCol2 a.buttonInner, .buttonCol2 .buttonInner {
	width: 100%;
}

/*--------------------------------------------------------------
# threeCol
--------------------------------------------------------------*/
.threeCol {
  display: block;
  float: left;
  height: 100%;
}

.threeCol:nth-child(1) {
  padding: 0 5% 0 0;
  width: 50%;
}

.threeCol:nth-child(2) {
  padding: 0 0 0 5%;
  width: 50%;
}

.threeCol:nth-child(3) {
  width: 100%;
}

/*--------------------------------------------------------------
# threeColLandscape
--------------------------------------------------------------*/
.threeColLandscapes {
	display: table;
	padding: 0;
  list-style: none;
  margin: 0;
}

.threeColLandscape {
	display: table-cell;
	padding: 0;
}

.threeColLandscape:nth-child(1) {
	width: 30%;
}

.threeColLandscape:nth-child(2) {
	padding: 0 5%;
	width: 40%;
}

.threeColLandscape:nth-child(3) {
	width: 30%;
}

/*--------------------------------------------------------------
# nelleContent
--------------------------------------------------------------*/
#nelleContent {
	/* height: 100vh; */
}

/*--------------------------------------------------------------
# nelleCopyright
--------------------------------------------------------------*/
#nelleCopyright {

}

/*--------------------------------------------------------------
# nelleFooter
--------------------------------------------------------------*/
.nelleFooterContent {
  width: 100%;
}

/*--------------------------------------------------------------
# End media query below
--------------------------------------------------------------*/
}