/*<---------------------------------------------------------->*/
/*Break points for sec-img-1*/

@media handheld, screen and (min-width: 1451px) {
	#sec-img-1-1 {
		display: none !important;
	}

	.fp-auto-height {
		height: 68px !important;
		/*background-color: #999999;*/

	}
}

@media handheld, screen and (max-width: 1450px) {
	#sec-img-1 {
		display: none !important;
	}
}

/*Break points for footer*/
@media handheld, screen and (min-width: 640px) {
	#small-screen-footer {
		display: none !important;
	}

}

@media handheld, screen and (max-width: 639px) {
	#big-screen-footer {
		display: none !important;
	}
}

@media handheld, screen and (max-width: 767px) {
	#back-to-top {
		bottom: 5%;
		right: 5%;
	}

	#back-to-top p{
		font-size: 10px;
	}

	#back-to-top i {
		padding-top: 10px;
	}

}



/*<---------------------------------------------------------->*/
/*Break points for nav*/
@media handheld, screen and (min-width: 1251px) {
	#nav-toggle {
		display: none;
	}

}

@media handheld, screen and (max-width: 1250px) {
	#header {
		display: none;
	}
}

/*Break points for hover effects*/
@media handheld, screen and (max-width: 1024px) {
	.hover-desat {
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		filter: grayscale(0%);
	}
}

/*<---------------------------------------------------------->*/
/*Break points for section title container*/
@media handheld, screen and (max-width: 780px) and (min-width: 500px)  {
	.title-container {
		padding-top: 12% !important;
	}
}

@media handheld, screen and (max-width: 499px) {
	.title-container {
		padding-top: 17% !important;
	}
}

/*<---------------------------------------------------------->*/
@media handheld, screen and (min-width: 1480px) {
	#bio-pic {
		left: 12%;
	}
}

@media handheld, screen and (max-width: 1479px) and (min-width: 985px) {
	#bio-pic {
		left: 3%;
	}
}

@media handheld, screen and (max-width: 984px) and (min-width: 820px) {
	#bio-pic {
		left: -50px;
	}
}

@media handheld, screen and (max-width: 819px) {
	#bio-pic {
		opacity: 0.13;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
}

/*<---------------------------------------------------------->*/
@media handheld, screen and (max-width: 1450px) and (min-width: 1300px) {
	.fp-auto-height {
		height: 68px !important;

	}

	#sec-img-1-1 {
		max-height: 115% !important;
	}

	#sec-img-3 {
		left: -30px;
	}

	.intro-title {
		font-size: 87px !important;
	}


}

@media handheld, screen and (max-width: 1299px) and (min-width: 1100px) {
	.fp-auto-height {
		height: 68px !important;

	}

	#sec-img-1-1 {
		max-height: 106% !important;
		position: absolute;
		left: -25px !important;
	}

	#sec-img-3 {
		left: -87px;
	}

	.intro-title {
		font-size: 86px !important;
	}

	.text-block-header {
		font-size: 58px !important;
	}

	.text-block-body, .text-block-small {
		font-size: 18px !important;
	}

	.back-nav {
		font-size: 15px !important;
	}

	.footer-text p {
		font-size: 16px !important;
	}


}

@media handheld, screen and (max-width: 1099px) and (min-width: 940px) {
	.fp-auto-height {
		height: 68px !important;

	}

	#sec-img-1-1 {
		max-height: 106% !important;
		position: absolute;
		left: -25px !important;
	}


	#sec-img-3 {
		max-height: 98%;
		left: -170px;
	}

	#sec-img-4 {
		max-height: 90% !important;
		left: -5px !important;
		top: 5%;
	}

	.intro-title {
		font-size: 84px !important;
	}

	.text-block-header {
		font-size: 59px !important;
	}

	.text-block-body, .text-block-small {
		font-size: 18px !important;
	}
	.back-nav {
		font-size: 15px !important;
	}

	.footer-text p {
		font-size: 16px !important;
	}

}



@media handheld, screen and (max-width: 939px) and (min-width: 820px) {
	.fp-auto-height {
		height: 68px !important;

	}

	#sec-img-1-1 {
		max-height: 106% !important;
		position: absolute;
		left: -38px !important;
	}

	#sec-img-3 {
		max-height: 94%;
		left: -210px;
	}

	#sec-img-4 {
		max-height: 88% !important;
		left: -14px !important;
		top: 5%;
	}

	.intro-title {
		font-size: 78px !important;
	}

	.text-block-header {
		font-size: 52px !important;
	}

	.text-block-body, .text-block-small {
		font-size: 17px !important;
	}

	.back-nav {
		font-size: 14px !important;
	}

	.footer-text p {
		font-size: 15px !important;
	}

	.footer-text a {
		font-size: 16px !important;
	}

	.custom-btn {
		padding: 5px 15px !important;
	}

	.text-block-wrapper {
		top: 26% !important;
	}
}

@media handheld, screen and (max-width: 819px) {
	.fp-auto-height {
		height: 68px !important;

	}

	#section-2 .col-overwrite{
		background-color: transparent !important;
	}

	.text-block {
		position: relative;
		margin: 0 auto;
		top: 0px !important;
		left: 0px !important;
	}

	.text-block-header {
		font-size: 59px !important;
	}

	.text-block-body, .text-block-small {
		font-size: 18px !important;

		color: #636363 !important;
	}

	.back-nav {
		font-size: 15px !important;
	}

	.float-above {
		width: 100%;
		top: 35%;
		right: 0px;
	}

	.intro-title {
		text-align: center;
	}

	.col-overwrite .bg {
		/*display: none;*/
		width: 100%;
		height: 100%;
		position: absolute;
		background-repeat: no-repeat;
		z-index: -1;
	}

	.arrow-holder {
		bottom: 4%;
		font-size: 45px;
	}
}

@media handheld, screen and (max-width: 819px)  and (min-width: 730px) {

	.footer-text p {
		font-size: 15px !important;
	}

	.footer-text a {
		font-size: 16px !important;
	}

	.footer-text ul li {
		margin-left: 20px;
	}

	.fp-auto-height {
		height: 68px !important;

	}

	.text-block-header {
		font-size: 52px !important;
	}

	.text-block-body, .text-block-small {
		font-size: 17px !important;
	}

	.back-nav {
		font-size: 14px !important;
	}

	.intro-title {
		font-size: 74px;
	}

	.text-block {
		width: 50%;
	}

	/*#section-1 .col-overwrite .bg {
		background-image: url("../media/cleek-alt.png");
		opacity: 0.1;
		background-size:  auto 99%;
	}*/

    #sec-img {
        display: none;
    }

	.section .col-overwrite .bg {
    bottom: 30px;
		background-size: 100%;
		background-image: url("../media/smiling-grace.jpeg");
		opacity: 0.7;
	}
}

@media handheld, screen and (max-width: 729px)  and (min-width: 640px) {

	.footer-text p {
		font-size: 15px !important;
	}

	.footer-text a {
		font-size: 16px !important;
	}

	.footer-text ul li {
		margin-left: 20px;
	}

	.fp-auto-height {
		height: 68px !important;

	}

	.overlay-nav ul li {
		font-size: 28px !important;
		margin-bottom: 26px !important;
	}

	.overlay-nav #collapsed-subnav li{
		font-size:25px !important;
		margin-bottom: 26px !important;
	}

	.text-block-header {
		font-size: 48px !important;
	}

	.text-block-body, .text-block-small {
		font-size: 15px !important;
	}

	.back-nav {
		font-size: 12px !important;
	}
	.intro-title {
		font-size: 63px;
	}

	.text-block {
		width: 55%;
	}
	/*#section-1 .col-overwrite .bg {
		background-image: url("../media/cleek-alt.png");
		opacity: 0.1;
		background-size:  auto 99%;
	}*/

    #sec-img {
        display: none;
    }

	.section .col-overwrite .bg {
		background-image: url("../media/smiling-grace.jpeg");
		background-position-x: 50%;
		background-position-y: 70%;
		background-size: 70%;
		opacity: 0.7;
	}
}

@media handheld, screen and (max-width: 639px) and (min-width:500px) {
	#small-screen-footer {
		padding-top: 10px;
	}
	.fp-auto-height {
		height: 82px !important;

	}

	.reduced-margin {
		margin-bottom: 4px;
	}

	.overlay-nav ul {
		top: 25%;
	}
	.overlay-nav ul li {
		font-size: 28px !important;
		margin-bottom: 26px !important;
	}

	.overlay-nav #collapsed-subnav li{
		font-size:25px !important;
		margin-bottom: 26px !important;
	}

	.text-block-header {
		font-size: 43px !important;
	}

	.text-block-body, .text-block-small {
		font-size: 15px !important;
	}

	.back-nav {
		font-size: 12px !important;
	}

	.text-block-wrapper {
		top: 24% !important;
	}

	.intro-title {
		font-size: 54px;
	}

	.text-block {
		width: 60%;
	}
	/*#section-1 .col-overwrite .bg {
		background-image: url("../media/cleek-alt.png");
		opacity: 0.1;
		background-size:  auto 99%;
	}*/

    #sec-img {
        display: none;
    }

	.section .col-overwrite .bg {
		background-image: url("../media/smiling-grace.jpeg");
		background-position-x: 50%;
		background-position-y: 70%;
		background-size: 70%;
		opacity: 0.7;
	}
}

@media handheld, screen and (max-width: 499px){
	#small-screen-footer {
		padding-top: 10px;
	}
	.fp-auto-height {
		height: 72px !important;

	}

	.reduced-margin {
		margin-bottom: 4px;
	}

	.footer-text-2 p.copy {
		font-size: 12px;
	}

	.footer-text-2 p.icons {
		font-size: 15px;
	}


	.overlay-nav ul li {
		font-size: 23px !important;
		margin-bottom: 21px !important;
	}

	.overlay-nav #collapsed-subnav li{
		font-size:22px !important;
		margin-bottom: 21px !important;
	}

	.text-block-header {
		font-size: 32px !important;
	}

	.text-block-body, .text-block-small {
		font-size: 12px !important;
	}

	.back-nav {
		font-size: 12px !important;
	}

	.text-block-wrapper {
		top: 20% !important;
	}

	.intro-title {
		font-size: 33px !important;
	}

	.text-block {
		width: 63%;
	}
	/*#section-1 .col-overwrite .bg {
		background-image: url("../media/cleek-alt.png");
		opacity: 0.1;
		background-size:  auto 99%;
	}*/

    #sec-img {
        display: none;
    }

	.section .col-overwrite .bg {
		background-image: url("../media/smiling-grace.jpeg");
		background-position-x: 50%;
		background-position-y: 70%;
		background-size: 70%;
		opacity: 0.7;
	}
}

/*<------------------------------------------------------------------>*/
/*Mobile devices on landscape!*/

@media screen and (max-width: 819px) and (min-width: 500px) and (max-height: 450px) and (orientation:landscape){
	/*Really, this is just for iphone 5 and lower res*/
	#small-screen-footer {
		padding-top: 10px;
	}
	.fp-auto-height {
		height: 72px !important;

	}

	.reduced-margin {
		margin-bottom: 4px;
	}

	.footer-text-2 p.copy {
		font-size: 12px;
	}

	.footer-text-2 p.icons {
		font-size: 15px;
	}
	/*<--->*/
	.fp-auto-height {
		height: 68px !important;

	}

	.text-block-header {
		font-size: 32px !important;
	}

	.text-block-body, .text-block-small {
		font-size: 12px !important;
	}

	.back-nav {
		font-size: 12px !important;
	}


	.intro-title {
		font-size: 45px;
	}

	.text-block {
		width: 60% !important;
	}

	.text-block-wrapper {
		top: 25% !important;
	}
	/*#sec-img {
		display: block !important;
	}*/

	/*#section-1 .col-overwrite .bg {
		background-image: url("../media/cleek-alt.png");
		opacity: 0.1;
		background-size:  auto 99%;
	}*/

    #sec-img {
        display: none;
    }

	.section .col-overwrite .bg {
		background-image: url("../media/smiling-grace.jpeg");
		opacity: 0.7;
		background-position-x: 50%;
		background-position-y: 70%;
		background-size: 70%;
	}

	.btn-wrapper {
		margin-top: 2% !important;
	}

	.arrow-holder {
		display: none;
	}

	.nav-button-container {
		top: 7% !important;
	}

	.overlay-nav ul {
		top: 25% !important;
	}

	.overlay-nav ul li {
		font-size: 20px !important;
		margin-bottom: 10px !important;
	}

	.overlay-nav #collapsed-subnav li{
		font-size:18px !important;
		margin-bottom: 10px !important;
	}
}

@media screen and (max-width: 819px) and (min-width: 500px) and (max-height: 320px) and (orientation:landscape){
	.text-block-wrapper {
		top: 18% !important;
	}

}

@media handheld, screen and (max-width: 1099px) and (min-width: 940px) and (max-height: 780px) and (orientation: landscape){
	.fp-auto-height {
		height: 68px !important;

	}

	#sec-img-1-1 {
		max-height: 106% !important;
		position: absolute;
		left: -25px !important;
	}

	#sec-img-3 {

		left: -157px;
	}

	#sec-img-4 {
		max-height: 90% !important;
		left: -5px !important;
		top: 5%;
	}

	.intro-title {
		font-size: 76px !important;
	}

	.text-block-header {
		font-size: 52px !important;
	}

	.text-block-body, .text-block-small {
		font-size: 16px !important;
	}

	.back-nav {
		font-size: 13px !important;
	}
	.text-block-wrapper {
		top: 24% !important;
	}

	.footer-text a, .footer-text p{
		font-size: 15px !important;
	}

}