@import url(font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Karla:400,700);

/***********************/


body { width:30%; height:100%; background:#cccccc; font-family: 'Karla', sans-serif; color:#000;}
.logo-header { margin: 20px 0; }
.header h3 { text-decoration:underline; font-size:14px; font-weight:bold;}
.header ul { list-style:none; padding:0;}
.header p { margin-bottom:5px;}
.header a { color:#000;}
.col-50 { width:50%; float:left; padding:0 15px;}
section { padding-bottom:50px;}
.block-caption {
    top: 40%;
    display: table;
    margin: auto;
    width: auto;
    position: absolute;
}
.block-caption h1 { font-size:32px; font-weight:bold; text-transform:uppercase; width:100%; text-align:center;}
.block-caption h2 { font-size:20px; line-height: 30px; max-width:85%; margin:auto; text-align:center;}

.logo-header a {
background: url('../img/logo-header.png') no-repeat;
height:17px;
width:120px;
display:block;
text-indent:-9999px;
}
 

.chatwith {
  font-family: "Times New Roman", Times, serif !important;
}


/* Retina displays */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
.logo-header a { background: url('../img/logo-header2.png') no-repeat; background-size:contain;  }
}

@media (min-width: 1200px) {
	.container {
	    width: 1060px;
	}
}
@media (min-width: 992px) {
	.container {
	    width: 960px;
	}
}
@media (max-width: 768px) {
	width: 960px;
}
@media (max-width: 768px) {
	.caption h2 { max-width:100%; }
	.block-caption {width:90%; right:auto;}
}
@media (max-width: 480px) {
	.block-caption {position: relative;}
  
}