html {
  height: 100%;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
    height: 100%;
    background: url(images/bg.jpg);
    background-repeat: no-repeat;
    background-position: 22% 50%;
    background-size: cover;
    position: relative;
 	margin: 0;
 	font-family: calibri;
 	padding-bottom: 6rem;
    min-height: 100%;
}
img {
	max-width: 100%;
}

/*--- page start ---*/
header {
	padding: 20px 0px;
	background: #fff;
	box-shadow: 0 4px 2px -2px gray;
}
.logo img {
	max-width: 250px;
}
.email.pull-right {
    padding-top: 10px;
}
.email.pull-right span {
    margin-bottom: -15px;
    float: left;
}
.email.pull-right a {
    font-size: 22px;
    color: #333;
    vertical-align: middle;
}
.content_section {
    padding: 20px;
    background: rgba(255, 255, 255, 0.84);
    margin-top: 43px;
    border-radius: 10px;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}
.content_section ul {
    padding-left: 17px;
    margin-top: 10px;
}
.content_section li {
    font-size: 16px;
}
span.under {
    /* float: left; */
    max-width: 200px;
    display: table;
    margin: 0 auto;
    text-align: center;
}
footer {
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    color: #333;
    background-color: #fff;
    text-align: center;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 16px;
    padding-top: 10px;
    margin-top: 20px;
}
footer p {
	margin-bottom: 0;
}
@media (min-width: 780px) {
	footer {
		margin-top: 0;
	}
}

@media (max-width: 780px) {

	body, .index1 {
		background-attachment: fixed !important; 
	}

}


/* ----- RESPONSIVE ----- */
@media (max-width: 480px) {
	body {
		background-position: 50% -81%;
	}
	.logo img {
	    max-width: 150px;
	    margin-top: 14px;
	}
}



/* --- INDEX 01 --- */
.index1 {
    background: url(images/bg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}	
.index1 header {
	background: #fff;
}

/* --- INDEX 02 --- */
.index2 {
    background: url(images/bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}	
.index2 header {
	box-shadow: 0 4px 2px -2px gray;
}
.index2 .content_section {
	background: rgba(255, 255, 255, 0.95);
}
.index2 footer {
	background: #fff;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
}

/* --- INDEX 03 --- */
.index3 {
    background: url(images/bg3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}	
.index3 header {
	box-shadow: 0 4px 2px -2px gray;
}
.index3 .content_section {
	background: rgba(255, 255, 255, 0.62);
}
.index3 footer {
	background: #fff;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
}
@media (max-width: 1200px) {
	.index3 {
		background-attachment: fixed; 
	}
	.index3 footer {
		position: relative;
		margin-top: 20px;
	}
}