html, body, .container{ height: 100%; margin: 0; padding: 0; }

body{
	min-width: 320px;
	overflow: hidden;
	background:#fff;}
	
body{
	font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: 200;
	line-height: 14px;
	color: #202020;}

a{
	color: #999;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;}

a:hover{
	color: #e5512d;
	background-color:#FFF;}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;}


img {
	max-width:100%;
	height:auto;}

.dropdown-menu > li > a:hover {
    background-color: #AFAFAF;
    background-image: none;}
	
.navbar-right{
	padding-right: 30px;}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #777;}
	
.navbar-default .navbar-nav > li > a{
	color: #fff;}

.navbar-brand{
	padding-top:5px;
	padding-left:20px;}
	
.header {
	width:100%;
	top:0;
	height:50px;
	text-align:center;
	background:url(../img/bg.jpg) repeat #2CA8C2;}
	
.header-logo{
	width:auto;
	top:0;
	height:auto;
	padding:0 15px 0 35px;
	text-align:left;}
	
.header-text{
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 200;
	letter-spacing: 2px;
	color: #202020;
	padding:10px 15px 0 15px;
	text-align:left;}

.contain{
	max-width:100%;
	height: 100%;
	margin:0 auto;
	box-shadow: 0px -5px 0 0px #2CA8C2 inset, 0px 5px 0 0px #2CA8C2 inset;}

.row-top {
	max-height: 40%;
	margin-bottom:10px;
	padding-top: 40px;}
	
.img-size{
	max-height: 200px;
	width: auto;
	margin: 0 auto;}
	
.right-block {
	text-align: center;
	margin-top:15px;}
	
.right-block .text-muted  {
	padding-left:10px;
	padding-right:30px;
	padding-top:30px;}
	
.right-block p {
	font-size: 13px;
	font-weight: normal;
	word-spacing:3px;
	letter-spacing: 0px;
	line-height: 25px;
	color: #404040;
	margin-top:5px;}
	
.clr {
	clear:both;}

.row-bottom {
	max-height: 45%;
	width: auto;
	padding-top: 20px;}

footer {
    padding: 25px 0;
    text-align: center;
    border-top: 1px #CCC;
	background-color: #fff;
}

footer .navbar-fixed-bottom {
	background-color: #fff;
    border-top: 1px solid #eee;
    padding-top: 5px;
}


footer span.copyright {
    text-transform: uppercase;
    text-transform: none;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 30px;
}

footer ul.quicklinks {
    margin-bottom: 0;
    /*padding-top: 10px;*/
    text-transform: uppercase;
    text-transform: none;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 30px;
}

footer .list-inline>li{
    padding-left: 15px;
    padding-right: 15px;
}


/*---- Media Queries to make design responsive ----*/    
@media only screen and (max-width: 640px) and (min-width: 320px){
	body, .container {
		overflow-x:hidden;}
	.left-block {
	float:left;
	max-width:100%;
	text-align: center;
	padding:0;
	margin:0;
	}
	.left-block p {
		margin:0 0 10px 0;}
	.center-block p {
		margin:0 0 10px 0;}
	.right-block {
		max-width:100%;
		float:left;
		margin:0;
		padding:0;
	}
	.bottom { padding:0px;}
	.submit { margin-top:10px;}
}

@media only screen and (max-width: 319px) and (min-width: 240px){
		body, .container {
		overflow-x:hidden;}
	.header {
		height:40px;}
	.header img {
		max-width:80%;
		height:auto;
		margin-right:46px;}
	.left-block {
	float:left;
	max-width:84%;
	text-align: center;
	padding:0;
	margin:0;
	}
	.left-block p {
		margin:0 0 10px 0;}
	.center-block p {
		margin:0 0 10px 0;}
	.right-block {
		max-width:84%;
		float:left;
		margin:0;
		padding:0;
	}
	.bottom { padding:0px;}
	.submit { margin-top:10px;}
}

@media (min-height: 768px){
	.row-top {
		max-height: 45%;
		margin-bottom:20px;
		padding-top: 50px;
        margin-top:40px;
	}		
	.img-size{
		max-height: 300px;}	
	.right-block {
		margin-top:20px;}	
	.right-block .text-muted  {
		padding-right:35px;}	
	.right-block p {
		font-size: 14px;
		word-spacing:4px;
		line-height: 30px;
		margin-top:10px;}		
	.row-bottom {
		max-height: 50%;
		padding-top: 30px;}
}