html, body {
	background-color: #EE6722;
	color: #FFD700;
}

.ss-green {
	background-color: #44D444;
	color: #000000;
}

.ss-orange {
	background-color: #EE6722;
	color: #FFD700;
}

.ss-purple {
	background-color: #D555D5;
	color: #000000;
}

.ss-yellow {
	background-color: #FFD700;
	color: #000000;
}

.ss-white {
	background-color: #FFFFFF;
	color: #000000;
}

.image-aboutme {
	background-image: url('../images/family.jpg');
	background-size: 100%;
	background-size: cover;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	height: 1200px;
	vertical-align: top;
}

.image-home {
	background-image: url('../images/home.jpg');
	background-size: 100%;
	background-size: cover;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	height: 600px;
	vertical-align: top;
}

.image-philosophy {
	background-image: url('../images/philosophy.jpg');
	background-size: 100%;
	background-size: cover;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	height: 600px;
	vertical-align: top;
}

.image-welcome {
	background-image: url('../images/welcome.jpg');
	background-size: 100%;
	background-size: cover;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	height: 600px;
	vertical-align: top;
}

.image-pic01 {
	background-image: url('../images/PIC01.jpg');
	background-size: 100%;
	background-size: cover;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	height: 600px;
	vertical-align: top;
}

.image-pic02 {
	background-image: url('../images/PIC02.jpg');
	background-size: 100%;
	background-size: cover;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	height: 600px;
	vertical-align: top;
}

.image-pic03 {
	background-image: url('../images/PIC03.jpg');
	background-size: 100%;
	background-size: cover;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	height: 600px;
	vertical-align: top;
}

.image-pic04 {
	background-image: url('../images/PIC04.jpg');
	background-size: 100%;
	background-size: cover;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	height: 600px;
	vertical-align: top;
}

.image-pic05 {
	background-image: url('../images/PIC05.jpg');
	background-size: 100%;
	background-size: cover;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	height: 600px;
	vertical-align: top;
}

.image-pic06 {
	background-image: url('../images/PIC06.jpg');
	background-size: 100%;
	background-size: cover;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	height: 600px;
	vertical-align: top;
}

.image-pic07 {
	background-image: url('../images/PIC07.jpg');
	background-size: 100%;
	background-size: cover;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	height: 600px;
	vertical-align: top;
}

.image-pic08 {
	background-image: url('../images/PIC08.jpg');
	background-size: 100%;
	background-size: cover;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	height: 600px;
	vertical-align: top;
}

@media (max-width: 479px){
	.image-aboutme {
	  height: 900px;
	}
	.image-home,
	.image-philosophy,
	.image-welcome,
	.image-pic01,
	.image-pic02,
	.image-pic03,
	.image-pic04,
	.image-pic05,
	.image-pic06,
	.image-pic07,
	.image-pic08 {
	  height: 200px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.image-aboutme {
	  height: 1000px;
	}
	.image-home,
	.image-philosophy,
	.image-welcome,
	.image-pic01,
	.image-pic02,
	.image-pic03,
	.image-pic04,
	.image-pic05,
	.image-pic06,
	.image-pic07,
	.image-pic08 {
	  height: 300px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.image-aboutme {
	  height: 1100px;
	}
	.image-home,
	.image-philosophy,
	.image-welcome,
	.image-pic01,
	.image-pic02,
	.image-pic03,
	.image-pic04,
	.image-pic05,
	.image-pic06,
	.image-pic07,
	.image-pic08 {
	  height: 400px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.image-aboutme {
	  height: 1200px;
	}
	.image-home,
	.image-philosophy,
	.image-welcome,
	.image-pic01,
	.image-pic02,
	.image-pic03,
	.image-pic04,
	.image-pic05,
	.image-pic06,
	.image-pic07,
	.image-pic08 {
	  height: 500px;
	}
}

@media (min-width: 1200px) {
	.image-aboutme {
	  height: 1300px;
	}
	.image-home,
	.image-philosophy,
	.image-welcome,
	.image-pic01,
	.image-pic02,
	.image-pic03,
	.image-pic04,
	.image-pic05,
	.image-pic06,
	.image-pic07,
	.image-pic08 {
	  height: 600px;
	}
}