body,h1,h2,h3,h4,h5,h6 {
	font-family: 'Pontano Sans', sans-serif;
}

body, html {
	height: 100%;
    color: #777;
    line-height: 2.1;
    font-size: 20px;
}
#loading_div{
	height: 100%;
	padding-top: 20%;
	width: 100%;
	text-align: center;
}

#home, #experienceImage, #projectsImage, #codingImage, #photographyImage {
	height: 100vh;
}
.image1, .image2, .image3, .image4, .image5{
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
	 -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; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.image1{
	background-image: url(../images/home.jpg);
	min-height: 100%;
	width: 100%;
	opacity: 0.9;
}
.image2{
	background-image: url(../images/autoportrait_homeasd.jpg);
	min-height: 100%;
	width: 100%;
}
.image3{
	background-image: url(../images/kayak.jpg);
	min-height: 100%;
	width: 100%;
}
.image4{
	background-image: url(../images/autoportrait_home.jpg);
	min-height: 100%;
	width: 100%;
}
.image5{
	background-image: url(../images/home2.jpg);
	min-height: 100%;
	width: 100%;	
}

.iconSchoolDesktop{
	padding-right: 50px;
	padding-top: 20px;
	width: 60px;
	object-fit: cover;
	
}

.iconWorkDesktop{
	padding-top: 10px;
	width: 180px;
	padding-right: 15px;
}

.iconSchoolMobile{
	width:150px;
	padding-top: 15px;
	object-fit: cover;
	
}

.iconWorkMobile{
	width: 150px;
	padding-top: 10px;
}

.sectionTitle{
	font-size: 36px;
}
.objectFit{
	object-fit: cover;
}
.parallaxTitle{
	height: 50px;
}

.span_image{
	display: inline-block;
}

.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
	.image1, .image2, .image3 , .image4, .image5{
	background-attachment: scroll;
	}
}

.w3-button{
	transition: 0.4s;
}

#follow_on {
	color: white;
	opacity: 0.8;
	position: relative;
	top: 14em;
}

#follow_on_mobile {
	color: white;
	opacity: 0.8;
	position: relative;
	top: 10em;
}

#follow_on:hover, #follow_on_mobile:hover{
	cursor: pointer;
}

.grow{
	transition: all .2s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.grow:hover{
	transform: scale(1.4);
}