html{
	background: #eef5f9;
	color: #1e3543;
	font-family: "niveau-grotesk",sans-serif;
}

h1,h2,h3,h4,p{
	font-family: "niveau-grotesk",sans-serif;
}

p{
	color: #1e3543;
	font-size: 14pt;
}

.bold{
	font-weight:700; 
}

/* Header*/
.header-container{
	background: #2984ae;
	height: 800px;
    background: url("../imgs/BG.jpg") no-repeat center center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	position:relative;
}
.header-container .rectangles{
	display: block;
	position: absolute;
	right: 0;
	bottom:0;
}

.header .logo{
	padding-top: 120px;
	width: 160px;
}

.header .icon{
	width: 50px;
	margin: 10px;
	margin-left: 0;
}

.header .spacer{
	background: #ffa149;
	height: 5px;
	width: 50px;
	margin-top: 20px;
}

.header h1{
	color: #fff;
}

.header h2{
	max-width: 400px;
	font-weight: 300;
	font-size: 14pt;
	color: #fff;
}

.header .appstores{
	margin-top: 25px;
}
.header .appstores img{
	width: 150px;
	margin-right: 20px;
}

/*Offer*/
.offer-container{
	background: #1e3543;
	margin-top: -1px
}

.offer p{
	color: #fff;
	text-align: center;
	font-size: 16pt;
	font-weight: 300;
	padding: 10px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.offer p .excite{
	font-weight: 700;
	color: #ffa149;
}

.offer .glyphicon{
	color: #ffa149;
	padding-right: 20px;
}

/*Section*/
.section{
	padding: 10px;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #1e3543;
}

.section p {
	margin-bottom: 20px;
}

.one{
	background: #eef5f9;
}
.one img{
	display: block;
	margin: auto;
	max-width: 650px;
	width: 100%;
	margin-top: 40px;
}

.one h3{
	font-size: 22pt;
}

.two,.three{
	background: #f7fbfc;
}

.two h3,.three h3{
	margin-top: 60px;
	font-size: 26pt;
	color: #1e3543;
}

.one .section h3,
.one .section p{
	text-align: center;
}

.two .image,
.three .image{
	text-align: center;
}

.not-wide{display: block;}
.wide{display: none;}

@media only screen and (min-width:768px){

	.header-container{
		height: 1000px;
	}
	.header .logo{
		padding-top: 280px;
		width: 160px;
	}
	.not-wide{display: none;}
	.wide{display: block;}

	/*.two .image{
		text-align: right;
	}

	.three .image{
		text-align: left;
	}*/

	.two h3,.three h3{
		margin-top: 150px;
	}
}

/*Download*/
.download-container{
	background: #2984ae;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, #33c4d1, #3196dc);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #33c4d1, #3196dc);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #33c4d1, #3196dc);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #33c4d1, #3196dc);
    /*background: url("../imgs/BG.jpg") no-repeat center center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;*/
    padding-top: 40px;
    padding-bottom: 40px;
}

.download-container h3{
	color: #fff;
	text-align: center;
	margin-top: 80px;
	font-size: 24pt;
}

.download-container .appstores{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 80px;
}


/*Guides*/
.download p{
	text-align: center;
	color: #f7fbfc;
}

.guide{
	background: #f7fbfc;
	opacity: 0.9;
	padding: 10px;
	border-radius: 3px;
	box-shadow: 0px 2px 2px RGBA(0,0,0,0.2);
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}
.guide h3{
	color: #1e3543;
	margin-top: 20px;
}
.guide p{
	text-align: center;
	color: #1e3543;
}
.guide ul{
	margin-top: 15px;
	list-style: none;
}
.guide.valletta{
	border-top: solid 7px #3854b4;
}
.guide.mdina{
	border-top: solid 7px #d64d32;
}
.guide.gozo{
	border-top: solid 7px #2edfcc;
}

@media only screen and (max-width:768px){
	.guide ul{
		list-style: none;
		display: none;
	}
}


/* Footer */
.footer-container{
	background: #1e3543;
	color: #fff;
	padding-bottom: 20px;
	padding-top: 20px;
}

.footer .logo img{
	width: 130px;
	margin-top: 50px;
	margin-bottom: 30px;
}

.footer-container .social ul{
	list-style-type: none;
	margin-top: 40px;
}

.footer-container .social ul li{
	float: right;
	margin-left: 30px;
	margin-top: 50px;
	margin-bottom: 30px;
	opacity: 0.8;
}

.footer-container .social ul li:hover{
	opacity: 1;
}

.footer .email-address {
	color: #fff;
}

.footer .email-address a{
	color: #ffa149;
}

.footer .fb-like{
	float: right;
}

/*Video Embed*/

.video-container iframe{
	margin: auto;
	display: block;
	margin-bottom: 30px;
}

@media only screen and (max-width:768px){
	.video-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden;
	}
	 
	.video-container iframe,
	.video-container object,
	.video-container embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
}