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

@import url(http://fonts.googleapis.com/css?family=Roboto);

.font-style { font-family: 'Roboto', sans-serif; }

img  { max-width:100%; }

.head-part { background:#171717; padding:20px 0px; }
.head-part-align { text-align:right; color:#FFFFFF; margin:0px; padding:0px; }
.head-part-align a { font-size:18px; color:#FFFFFF; }

.content-area { border-top:10px solid #171717; padding:20px 0px; } 
.content-area h1 { font-size:50px; }
.content-area p { text-align:left; font-size:16px; }
.content-area a { font-size:14px; color:#171717; display:inline-block; padding:10px 20px; border:1px solid #171717;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
		-ms-transition: all .25s linear;
		 -o-transition: all .25s linear;
			transition: all .25s linear; }
.content-area a:hover { text-decoration:none; background:#171717; color:#FFFFFF;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
		-ms-transition: all .25s linear;
		 -o-transition: all .25s linear;
			transition: all .25s linear; }
			
.content-area-dark { background:#171717; padding:40px 0px; color:#848282; }
.content-area-dark h1 { font-size:50px; }
.content-area-dark p { font-size:16px; }
.content-area-dark a { font-size:14px; color:#171717; display:inline-block; padding:10px 20px; border:1px solid #171717; background:#FFFFFF;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
		-ms-transition: all .25s linear;
		 -o-transition: all .25s linear;
			transition: all .25s linear; }
.content-area-dark a:hover { text-decoration:none; background:#171717; color:#FFFFFF; border-color:#FFFFFF;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
		-ms-transition: all .25s linear;
		 -o-transition: all .25s linear;
			transition: all .25s linear; }

.front-services h1 { font-size:50px; }
.front-services a { color:#848282; background:#171717; display:block; padding:10px 0px; text-transform:uppercase;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
		-ms-transition: all .25s linear;
		 -o-transition: all .25s linear;
			transition: all .25s linear; }
.front-services a:hover { text-decoration:none; color:#FFFFFF; background:#0F0F0F;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
		-ms-transition: all .25s linear;
		 -o-transition: all .25s linear;
			transition: all .25s linear; }			 

.footer { padding-top:20px; padding-bottom:20px; }
.footer a { color:#a29e9e; }
.footer-top p { margin:0 0 10px 0; padding:0px; color:#919191; float:right; }
.footer-top p:first-child { float:left; }
.footer-top-link a { color:#171717; margin:0px 5px; font-size:18px; }
.footer-bttm p { margin:0px; padding:0px; color:#919191; float:right; }
.footer-bttm p:first-child { float:left; }

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	
	.logo, .head-part-align, .content-area, .content-area-dark { text-align:center; margin-bottom:10px; }
	
	.footer-top p, .footer-top p:first-child, .footer-bttm p, .footer-bttm p:first-child { float:none; text-align:center; }
	
	}