html, body {margin:0;padding:0}
html {font-family: Arial, Helvetica, sans-serif;}
body {text-align: center;}
* {box-sizing: border-box;}

img {
    max-width: 100%;
    height: auto;
	}
a img {
	border:none
	}
section {
	position: relative
	}

.PageContainer {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	max-width: 1000px;
	}

.Header {
	position: relative;
	height: 61px;
	width: 100%;
	background: #fff url(banner_mob.png) no-repeat;
}




.HomePageItem {
  margin:0;padding:0 0 15px 0;
}
.HomePageItem_Heading {
  margin:0;padding:5px 0 15px 0;
  font-size: 2em;
}
.paratwistie a {
	font-size: smaller;
}
p.home-text{
	margin:0;padding:0;
	line-height:1.2em;
	height:2.4em;
	overflow:hidden;
}
.fadeout {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 35%;
	background: -webkit-linear-gradient(
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 60%
	); 
	background-image: -moz-linear-gradient(
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 60%
	);
	background-image: -o-linear-gradient(
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 60%
	);
	background-image: linear-gradient(
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 80%
	);
	background-image: -ms-linear-gradient(
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 60%
	);
}


/* Default Menu settings (for mobiles) */
.nav-header {
	background: #fff;
	width: 100%;
	height: 50px;
	top: 0;
	left: 0;
	z-index: 100;
}

.nav {
	float: right;
	padding: 0 20px;	
}
#nav-icon {
	display:inline-block;
	width: 40px;
	height: 40px;
	background: #fff url(Menu-Icon.jpg) no-repeat center;
}
ul.nav {
	list-style: none;
	margin: 0;	
}
div.nav ul { 
	display: none;
	position: absolute;
	padding: 0;
	background: #ccc;
	right: 0;
	top: 30px;
	width: 50%;
}
div.nav li {
	text-align: right;
	width: 100%;
	padding: 10px 0;
	margin: 0;
}
div.nav:hover ul {
	display: block;
}
div.nav ul li:hover {
	background: #999;
}
div.nav ul li a {
	padding-right: 10px;
	display:block;
}
/* End Default Menu settings (for mobiles) */




.row:after {
    content: "";
    clear: both;
    display: table;
}
 /* For mobile phones: */
[class*="col-"] {
    float: left;
    padding: 15px 0 15px 0;
    width: 100%;
}
.col-s-1 {width: 8.33%;}
.col-s-2 {width: 16.66%;}
.col-s-3 {width: 25%;}
.col-s-4 {width: 33.33%;}
.col-s-5 {width: 41.66%;}
.col-s-6 {width: 50%;}
.col-s-7 {width: 58.33%;}
.col-s-8 {width: 66.66%;}
.col-s-9 {width: 75%;}
.col-s-10 {width: 83.33%;}
.col-s-11 {width: 91.66%;}
.col-s-12 {width: 100%;}
 /* For mobile phones: */

/* For tablets: */
@media only screen and (min-width: 600px) {
	[class*="col-"] {
		float: left;
		padding: 15px;
		width: 100%;
	}
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
	/* Change the banner image */
	.Header {
		background: #fff url(banner_tab.png) no-repeat;
		height: 66px;
	}
	/*Change the order of the divs when the screen size enlarges */
	.flex-parent{
        display: flex;
		direction: rtl;
	}
	/* Hide long text */
	p.home-text{
		margin:0;padding:0;
		height:100%;
	}
	#para1fadeout {visibility: hidden;}
	#para1fadeout {visibility: hidden;}
	#para1twistie {visibility: hidden;}
	
}
/* For tablets: */

/* For desktop: */
@media only screen and (min-width: 768px) {

	/* Change the menu for desktops */
	.nav-header {
		background: #fff;
		width: 100%;
		height: 50px;
		position: relative;
		top: 0;
		left: 0;
		z-index: 1000;
	}
	.nav {
		float: right;
		padding: 0 20px;	
	}
	#nav-icon {
		display: none;
		background: none;
	}
	div.nav ul { 
		display: inline;
		position: relative;
		padding: 0;
		background: #fff;
		right: 0;
		top: 0;
		width: 100%;
	}
	ul.nav li {
		display: inline-block;
		float: left;
		padding: 10px;
		width: auto;
	}
	div.nav ul li:hover {
		background: #fff;
	}
	div.nav ul li a {
		padding-right: 10px;
		display:block;
	}
	/* End Change the menu for desktops */



	.logo-top {padding-left:15px}
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	/* Change the banner image */
	.Header {
		background: #fff url(banner_desk.png) no-repeat;
		height: 70px;
	}
}
/* For desktop: */


.footer {
    text-align: center;
    font-size: 12px;
    padding: 15px;
}