body {
	margin-top: 50px; /* 50px is the height of the navbar - change this if the navbarn height changes */
}

.full-width-image-1 {
	background: url("../img/IIW_banner_1.jpg") no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 100px 0;
}

.full-width-image-2 {
	background: url("../img/IIW_banner_2.jpg") no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 100px 0;
}

.full-width-image-3 {
	background: url("../img/IIW_banner_3.jpg") no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 100px 0;
}

.register-here {
	background: url("../img/register_here.png") no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 40px 0;
}

.logo-wrapper {
	display: inline-block;
}

.section {
	padding-top: 20px;
	padding-bottom: 0px;
}

.section-heading {
	font-size: 4em;
	margin: 30px 0;
}

.section-lead {
	margin: 30px 0;
}

.section-paragraph {
	margin: 20px 0;
}

.lead-iiw {
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 200;
  line-height: 1.4;
}

.thumbnail.tile h2{
    font-size:1.75em;
    position: absolute; 
    bottom: 8px;
    /* left:0px; */
    /* right:0px; */
    margin-left: auto;
    margin-right: auto;
    width: 250px
}

.thumbnail.tile img{
   margin-top:5px
}

footer {
	margin: 50px 0;
}

.arrowNav {background:none;position:absolute;z-index10;right:0px;}
.arrowNav a {display:block;width:50px;height:50px;text-indent:-9999em;margin-top:20px;}

.arrowNav a.arrowDown {background:url(/img/down_arrow_grey.png) no-repeat 10px 10px #FFF;}
.arrowNav a.arrowDown:hover {background:url(/img/down_arrow_black.png) no-repeat 10px 10px #FFF;}
.arrowNav a.arrowUp {background:url(/img/up_arrow_grey.png) no-repeat 10px 10px #FFF;}
.arrowNav a.arrowup:hover {background:url(/img/up_arrow_black.png) no-repeat 10px 10px #FFF;}



@media (max-width: 768px) {

    .section-heading {
	    font-size: 2em;
    }

    .section {
	    padding-top: 25px;
	    padding-bottom: 25px;
    }


}