@charset "utf-8";
/* CSS Document */


@media only screen and (max-width : 600px) {

#digby_logo {
	width: 100%;
	padding: 0 !important;
}

	#digby_logo img {
		position: relative;
		float: left;
		margin: 0 auto;
		width: 100%;
		padding: 10%;
	}
	
	.contact {
		display: none !important;
	}
	
/* Fonts */

h1 {
	font-size: 200%;
	text-align: center;
	padding: 0 30px;
}
	
	h1.about {
		font-size: 200%;
		color: #F00;
		padding: 1% 4%;
		text-align: left;
	}

	h1 a {
		color: #F00;
	}


h2 {
	font-size: 180%;
	margin: 10px 0px 0px 0px;
}

.red-band p {
	font-size: 55%;
}

#panels img {
		margin-left: auto;
		margin-right: auto;
		width: 15% !important;
		height: inherit;
		padding: 2%;
	}

.banner h2 {
	font-size: 180%;
	padding: 1% 4%;
}

.banner p {
	padding: 1% 4%;
}

#garador_logo {
	padding: 120px 0 0 !important;
}

#garador_logo a img {
	top: 100px;
	float: right;
	width: 50%;
}

a.right.carousel-control, a.left.carousel-control {
	display: none;
}

footer p span {
	color: #F00;
}

footer a, footer a:hover {
	color: #333 ;
}

#box1, #box2, #box3, #box1 img, #box2 img, #box3 img, .cta_block_text {
	width: 100%;
	padding: 2%;
}

}

@media only screen and (min-width: 601px) and (max-width : 900px) {

#digby_logo {
	width: 100%;
	padding: 0 !important;
}

	#digby_logo img {
		position: relative;
		float: left;
		margin: 0 auto;
		width: 100%;
		padding: 10%;
	}
	
	.contact {
		display: none !important;
	}
	
/* Fonts */

h1 {
	font-size: 250%;
	text-align: center;
	padding: 0 30px;
}
	
	h1.about {
		font-size: 250%;
		color: #F00;
		margin: 20px 0 0;
		text-align: left;
	}

	h1 a {
		color: #F00;
	}


h2 {
	font-size: 200%;
	margin: 10px 0px 0px 0px;
}

.red-band p {
	font-size: 80%;
}

#panels img {
		margin-left: auto;
		margin-right: auto;
		width: 15.5%;
		height: inherit;
		padding: 2%;
	}

.banner h2 {
	font-size: 30px;
	margin: 10px 30px;
}

.banner p {
	padding: 0 30px;
}

#garador_logo {
	padding: 120px 0 0 !important;
	top: 40px !important;
}

#garador_logo a img {
	top: 100px;
	float: right;
	width: 50%;
}

a.right.carousel-control, a.left.carousel-control {
	display: none;
}

footer p span {
	color: #F00;
}

footer a, footer a:hover {
	color: #333 ;
}

#box1, #box2, #box3 {
	float: left;
	width: 29%;
	margin: 2%;
}


}


@media only screen and (min-width: 901px) and (max-width: 1199px) {

/* Fonts */

h1 {
	font-size: 450%;
	text-align: center;
	padding: 0 30px;
}

	h1.about {
		color: #F00;
		margin: 20px 0 0;
	}

.banner h2 {
	font-size: 30px;
	margin: 10px 30px;
	text-align: center;
}

p {
	padding: 0;
}

.banner p {
	padding: 0 30px;
}

span {
	color: #F00;
}

.contact a, .contact a:hover, footer a, footer a:hover {
	color: #333 ;
}

#box1, #box2, #box3 {
	float: left;
	width: 29%;
	margin: 2%;
}


}



@media only screen and (min-width: 1200px) {

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}


/* Fonts */

h1 {
	font-size: 450%;
	text-align: center;
}
	
	h1.about {
		font-size: 250%;
		text-align: left;
	}

	h1 a {
		color: #F00;
	}


h2 {
	font-size: 250%;
	margin: 10px 0px 0px 0px;
}

.banner h1, .banner h2, .banner p {
	padding: 0px 40px;
	
}
	
	.banner h1 {
	margin: 40px 0px 0px 0px;
	}
	
	.about {
		color: #F00;
	}

span {
	color: #F00;
}

.contact a, .contact a:hover, footer a, footer a:hover {
	color: #333 ;
}

#survey {
		width: 875px;
		margin: 0 auto;
}

#box1, #box2, #box3 {
	float: left;
	width: 210px;
	margin: 40px;
}

}



/* Header */
	
	header {
	display: inline-block;
	width: 100%;
	height: 100px;
	}

.contact { 
	top: 15px;
	position: absolute;
    right: 50px;
    }

#digby_logo {
	padding: 30px 0 20px 30px;
}

#garador_logo {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 100;
}



/* Main content */

.carousel-control{
	top: 30px !important;
}

#mycarousel {
	width: 100%;
	position: relative;
	clear: both;
}
	
	.red-band {
		float: left;
		background-color:#F00;
		color: #FFFFFF;
		width: 100%;
		height: 25px;
		text-align: center;
	}
		.red-band p {
			line-height: 25px;
			margin: 0;
			padding: 0;
			font-weight: 600;
		}

		.white-band {
		float: left;
		background-color:#FFFFFF;
		width: 100%;
		height: 2px;
	}	
	
	.black-band {
		float: left;
		background-color:#000000;
		width: 100%;
		height: 5px;
	}


#banner-holder {
	width: 100%;
	float: left;
	position: relative;
}

.banner, .banner_img {
	float: left;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	
}

	.banner img {
		width: 100%;
		height:inherit;
	}

#garador_logo {
	padding: 40px;
	width: 50%;
}

#garador_logo img {
	float: right;
	width: 30%;
}

#panels img {
		margin-left: auto;
		margin-right: auto;
		width: 16%;
		height: inherit;
		padding: 2.1%;
	}



/* Footer */

footer {
	float: left;
	width: 100%;
	padding: 20px;
	background-color: #EFEFEF;
	text-align: center;
	margin-top: 20px;
}

footer div {
	margin-right: 40px;
	display: inline-block;
	vertical-align: top;
}

}