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

body {
	background-image: url("/images/tiles/light-marble.jpg");
	color: #444;
	font-family: "Open Sans", sans-serif;
}

a {
	color: #4F96D8;
	transition: 0.5s;
}

a:hover, a:active, a:focus {
	color: #51B4D8;
	outline: none;
	text-decoration: none;
}

p {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Raleway", sans-serif;
	font-weight: 600;
	margin: 10px 0 5px 0;
	padding: 0; 
}

h1, h2, h3, h4 {
	color: #D3002D;
}

div.toTop {
	position:fixed;
	bottom:0;
	right:0;
	left: auto;
	width:5em;
	text-align: center;
	background-color:#0B3492;
}
a.toTop {
	color:#ffffff;
}

.card-title {
	color:#AF0A4D;
}


.hvrCard {
	border-radius: 0 !important;
}

.hvrCard:hover {
	transform: scale(1.03);
	box-shadow: 5px 5px 8px rgba(0,0,0,.3);
	transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
	opacity: 1.0;
}


#services .card-title, #testimonials .card-title {
	color: #BD171A;
	font-weight: 500;
}

#services .card-text, #testimonials .card-text {
	color: #3F3F3F;
}

#services .card, #testimonials .card {
	background-image:url("/images/tiles/card-background-w40.png");
	background-repeat:repeat;
	background-position:center center;
	box-shadow: 5px 5px 5px #dddddd !important;
}

#services .card:hover, #testimonials .card:hover {
	box-shadow: 7px 7px 5px #cccccc !important;
}

#services h3, #testimonials h3 {
	font-weight: 500;
}

#portfolio .card {
	box-shadow: 5px 5px 5px #dddddd;
	background-image:url(/images/tiles/card-tile-1a3852-dark-blue.png);
	background-color:rgba(0,0,0,0.95); 
	background-repeat:repeat;
	background-position: center;
}

#portfolio .card-title {
 color:#FAFF63;
 font-weight: 500;
}

#portfolio .card:hover {
	box-shadow: 7px 7px 5px #CCCCCC;
}

#footer {
	background: #f2f5f8;
	padding: 10px 0;
	font-size: 14px; 
}

#footer .copyright {
	text-align: center;
	padding: 10px 0 0 0; 
}

#footer .credits {
	text-align: center;
	font-size: 13px;
	color: #555; 
}
#footer .credits a {
	color: #0095DA; 
}

/*====================================
     MEDIA QUERIES
====================================*/

@media screen and (min-width: 1201px) {
.goldRule {
	height:6px;
	background-color:#B9AE0D;
	width:100%;
}

.brandLogo {
	max-width: 300px;
	min-width: 250px;
}
}

@media screen and (max-width: 1200px) {
.goldRule {
	height:6px;
	background-color:#B9AE0D;
	width:100%;
}

.brandLogo {
	max-width: 300px;
	min-width: 250px;
}
}

@media screen and (max-width: 992px) {
.goldRule {
	height:4px;
	background-color:#B9AE0D;
	width:100%;
}

.brandLogo {
	max-width: 300px;
	min-width: 250px;
}
}

@media screen and (max-width: 768px) {
.goldRule {
	height:3px;
	background-color:#B9AE0D;
	width:100%;
}

.brandLogo {
	max-width: 250px;
	min-width: 200px;
}
}

@media screen and (max-width: 576px) {
.goldRule {
	height:2px;
	background-color:#B9AE0D;
	width:100%;
}
.brandLogo {
	max-width: 200px;
	min-width: 150px;
}
}