/* Grow TEk Solutions CSS Document */

h1, h2, h3 {
	text-transform:uppercase;
}

h1 {
	color:#ffffd7;
	font-size:75px;
}

h2 {
	font-size:45px;
}

h2, h3, p {
	color:#fff;
}

a, a:hover, a:visited, a:active, a:focus {
    color: #fff;
}

p {
    font-size: 20px;
    margin-top: 45px;
}

body {
    margin: 0 auto;
    text-align: center;
    background-color: rgba(0,0,0,1.0);
	background-image: url(images/GrowTek_0005_Background-Hand.png);
	background-position: 50% 0%;
    background-repeat: no-repeat;
}

.green-top-element-container {
	background-image:url("images/GrowTek_0004_Green-top-element.png");
	background-repeat: no-repeat;
    z-index: 25;
    right: 0;
    left: 0;
	height: 65px;
	max-width: 1800px;
    margin: 0 auto;
}

.yellow-top-element-container {
	background-image:url("images/GrowTek_0003_Yellow-top-element.png");
	background-repeat:no-repeat;
	z-index: 50;
	height: 250px;
    width: 570px;
	margin:0 auto;
}

.entry-content {
    margin-top: 250px;
}

.logo-container {
     background-image: url(images/GrowTek_logo_converted.svg);
    height: 300px;
    width: 300px;
    background-repeat: no-repeat;
    margin: 0 auto;
    z-index: 75;
    background-size: 300px;
    position: fixed;
    top: -60px;
    right: 0;
    left: 0;
}

footer {
    background-image: url(images/GrowTek_0000_Bottm-line-element.png);
    position: fixed;
    height: 10px;
    bottom: 50px;
    right: 0;
    left: 0;
}

@media screen and (max-width:767px) {
	.yellow-top-element-container {
		left: -30px;
		right: 0;
		position: absolute;
		top: -32px;
		transform: scale(.86);
	}
	.green-top-element-container {
		background-image:none !important;
	}
	.logo-container {
		top:-55px;
	}
}