.bg-color-1 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F251), to(#B8B00A));
    background-image: linear-gradient(-180deg, #F5F251 0%, #B8B00A 100%);
}

.bg-color-2 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1D9FE7), to(#0860C1));
    background-image: linear-gradient(-180deg, #1D9FE7 0%, #0860C1 100%);
}

.nav-container div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F251), to(#B8B00A));
    background-image: linear-gradient(-180deg, #F5F251 0%, #B8B00A 100%);
}

.header-bg {
    background-image: url(../../img/backgrounds-min/jagged-header-min.png);
}

.header-tg {
    background-image: url(../../img/backgrounds-min/techtg.png);
        background-size: cover;
}

.header-tbg {
    background-image: url(../../img/backgrounds-min/techbg.png);
        background-size: cover;
}

.header-log {
    background-image: url(../../img/backgrounds-min/login.png);
        background-size: cover;
}
.header-blog,
.stats,
footer,
.video,
.call-to-action {
    background-image: url(../../img/backgrounds-min/jagged-min.jpg);
}

@media (max-width: 768px) {
    .header-bg {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(238, 238, 238, 0.00)), to(rgba(216, 216, 216, 0.00)));
        background-image: linear-gradient(-180deg, rgba(238, 238, 238, 0.00) 0%, rgba(216, 216, 216, 0.00) 100%);
    }
    header {
        background-image: url(../../img/backgrounds-min/jagged-min.jpg);
        background-position: center;
    }
}

@media (width: 320px) {
    .header-bg {
		background-image: url(../../img/backgrounds-min/jagged-header-min.png);
		background-size:140% 20%;
		background-position: 0px 110px;
    }
	h1{color: #414B61;font-size:18px;text-align:left}
	header {
        background-image: none;
        background-position: center;
    }
	.scroll-arrow{color: #414B61;}
	#demo{display:none;}
	.mb-30 {
	    margin-bottom: -95px;
		}
	.footer-nav p {width:100%}
	.modal-content {
		 width: 90%;
		}

}

@media (width: 1024px) {
	#demo{display:none;}	
	.footer-nav p {width:250px; margin-left:50px}

}

@media (width: 960px) {
	#demo{display:none;}	
	.footer-nav p {width:200px; margin-left:50px}

}

@media (width: 414px) {
    .header-bg {
		background-image: url(../../img/backgrounds-min/jagged-header-min.png);
		background-size:140% 30%;
		background-position: 0px 100px;
	}
	.header {
		height: 70vh;
	}
	h1{color: #414B61;font-size:18px;text-align:left}
	header {
        background-image: none;
        background-position: center;
    }
	.scroll-arrow{color: #414B61;}
	#demo{display:none;}
	.mb-30 {
	    margin-bottom: -95px;
		}
	.footer-nav p {width:100%}
	.modal-content {
		 width: 90%;
		}

}

@media (width: 412px) {
    .header-bg {
		background-image: url(../../img/backgrounds-min/jagged-header-min.png);
		background-size:140% 30%;
		background-position: 0px 100px;
	}
	.header {
		height: 70vh;
	}
	h1{color: #414B61;font-size:18px;text-align:left}
	header {
        background-image: none;
        background-position: center;
    }
	.scroll-arrow{color: #414B61;}
	#demo{display:none;}
	.mb-30 {
	    margin-bottom: -95px;
		}
	.footer-nav p {width:100%}
	.modal-content {
		 width: 90%;
		}

}

@media (width: 375px) {
    .header-bg {
		background-image: url(../../img/backgrounds-min/jagged-header-min.png);
		background-size:140% 35%;
		background-position: 0px 100px;
    }
	.header {
		height: 80vh;
	}
	h1{color: #414B61;font-size:18px;text-align:left}
	header {
        background-image: none;
        background-position: center;
    }
	.scroll-arrow{color: #414B61;}
	#demo{display:none;}
	.mb-30 {
	    margin-bottom: -95px;
		}
	.footer-nav p {width:100%}
	.modal-content {
		 width: 90%;
		}

}

@media (width: 384px) {
    .header-bg {
		background-image: url(../../img/backgrounds-min/jagged-header-min.png);
		background-size:140% 35%;
		background-position: 0px 100px;
    }
	.header {
		height: 80vh;
	}
	h1{color: #414B61;font-size:18px;text-align:left}
	header {
        background-image: none;
        background-position: center;
    }
	.scroll-arrow{color: #414B61;}
	#demo{display:none;}
	.mb-30 {
	    margin-bottom: -95px;
		}
	.footer-nav p {width:100%}
	.modal-content {
		 width: 90%;
		}

}

@media (width: 360px) {
    .header-bg {
		background-image: url(../../img/backgrounds-min/jagged-header-min.png);
		background-size:140% 35%;
		background-position: 0px 100px;
    }
	.header {
		height: 80vh;
	}
	h1{color: #414B61;font-size:18px;text-align:left}
	header {
        background-image: none;
        background-position: center;
    }
	.scroll-arrow{color: #414B61;}
	#demo{display:none;}
	.mb-30 {
	    margin-bottom: -95px;
		}
	.footer-nav p {width:100%}
	.modal-content {
		 width: 90%;
		}

}