html,
body{
	height: 100%;
z-index: 99;
}



body{
	background-position: fixed;
		background-image: linear-gradient(to right, #e6edef, #f6ecee);
}

.clear{
	clear: both;
}


header {
	min-height: 100%;
	height: 100%;
	height: calc(100% - 60px);

}

body {
	font-family: 'ITC Clearface W01 Regular';
	letter-spacing: 0.02em;
}

h1,
h2,
h3{
	font-family: 'ITC Clearface W01 Heavy';
		letter-spacing: 0.02em;
}

h1 {
	font-size: 66px;
	line-height: 72px;
	margin-bottom: 60px;
}

h2{
	font-size: 36px;
	line-height: 40px;
}

h3{
	text-transform: uppercase;
	font-size: 36px;
	padding-top: 30px;
	margin-bottom: 0;
}

h4{
	text-transform: uppercase;

	font-family: 'ITC Clearface W01 Regular';
	letter-spacing: 0.02em;
	margin-bottom: 15px;
}

.detail-title{
	margin-bottom: 15px;
}

.detail-subtitle{
	font-size: 20px;
		margin-bottom: 50px;
}

.back{

	padding-bottom: 50px;
	font-size: 22px;
}

.back a{
	color: black;
}


p{
	font-size: 22px;
	line-height: 34px;
}

p a, p a:hover{
	color: #0093d1;
}

a:hover{
	color: #0093d1;
	text-decoration: none;
}

.arrow{
	color: #0093d1;
	width: 20px;
	margin-top: -4px;
}

.slogan p{
	margin-bottom: 50px;
	font-size: 30px;
	line-height: 48px;
}

.date{
	font-size: 14px;
	margin-bottom: 10px;
}

.subtitle{
	font-size: 18px;
}

.imagebox{
	padding-top: 55px;
	padding-bottom: 55px;
}

.container-sm {
	max-width: 800px;
}

header,
article {
	padding-top: 120px;
	padding-bottom: 120px;
}

.editable-area p{
	font-size: 16px;
	line-height: 22px;
	text-align: left;
}

.resp-container {
	position: relative;
	overflow: hidden;
	padding-top: 100%;
}

.resp-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.lazy{
	opacity: 0;

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.loaded{
	opacity: 1;
}

.mob-hide{
	display: block;
}

.mob-hide-i{
	display: inline-block;
}

.mob-show{
	display: none;
}


.readmore-large{
	font-size: 25px;
	margin-top: 50px;
}

@media only screen and (max-width : 750px) {

	.navbar{
		background-color: transparent;
	}


	.mob-hide{
		display: none;
	}

	.mob-show{
		display: block;
	}

article, section, .container, .slogan{
	max-width: 100%;

}

.imagestrip{
	min-height: 200px;
	height: 200px;
}

.imagebox{
	padding-top: 30px;
	padding-bottom: 30px;
}

.imagebox img{
	margin-bottom: 17px;
}

header{
	height: auto !important;
	min-height: auto !important;
	padding-bottom: 200px !important;
}

header.slogan{
	padding-bottom: 30px;
}

#logo{
	margin-top: 0px;
}

img{

margin-bottom: 20px;
}

article, section{
	padding-bottom: 30px;
	padding-top: 30px;
}

h1, h2, h3{
	margin-top: 25px;
	margin-bottom: 25px;
}

h1{
	font-size: 50px;
	line-height: 58px;
	margin-bottom: 35px;
}

h2{
	margin-top: 10px;
	font-size: 34px;
	margin-bottom: 10px;
}

h3{
	font-size: 28px;
	padding-top: 10px;
}

.slogan p, #header p{
	font-size: 20px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

p{
		font-size: 20px;
		line-height: 30px;
}

.team-subtitle{
	font-size: 16px;
	margin-top: -5px;
}


small p{
	font-size: 12px;
	line-height: 18px;
}


#prefooter{
	margin-top: 100px;
}


footer{
	padding: 25px;
	padding-top: 100px;
		font-size: 14px;
}



.date{
	margin-bottom: 0;
}

img.arrow{

	margin-bottom: 0;
}

a.readmore{
	margin-top: 20px;
	margin-bottom: 20px !important;
}

.parallax{
	max-width: 100%;
}

#have-done{
	margin-bottom: 0;
}

nav.navbar{
	background-color: white;
}

}