/* ### GLOBALS
############################################################################## */

html,
body 
{
  height: 100%;
  width: 100%;
  background-color: #efefef;
}

body 
{
  color: #333;
  text-align: center;
  background-image: url('../img/background.jpg');
  background-position: center center;
  background-size: cover;
  font-size: 17px; 
  line-height: 1.4em;
  font-family: 'Montserrat', Arial, sans-serif;
}

body.zinebg {
    background-image: -moz-linear-gradient(45deg, rgba(0, 141, 213, 0.6), rgba(0, 201, 114, 0.65)), url(../img/background2.jpg);
    background-image: -webkit-linear-gradient(45deg, rgba(0, 141, 213, 0.6), rgba(0, 201, 114, 0.65)), url(../img/background2.jpg);
    background-image: -ms-linear-gradient(45deg, rgba(0, 141, 213, 0.6), rgba(0, 201, 114, 0.65)), url(../img/background2.jpg);
    background-image: linear-gradient(45deg, rgba(0, 141, 213, 0.6), rgba(0, 201, 114, 0.65)), url(../img/background2.jpg);
    background-position: center center;
    background-size: cover, cover;
    background-attachment: fixed, scroll;
    background-repeat: no-repeat, no-repeat;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { 
    letter-spacing: 1px;
    font-weight: 400;
    margin-bottom: 0.5em;
}

h1 { font-size: 1.8em; line-height: 1.2em; margin-top: 0; }
h2 { font-size: 1.6em; line-height: 1.2em; margin-top: 0; }
h3 { font-size: 1.4em; line-height: 1.2em; margin-top: 0; }

hr { background-color: #ccc; border-color: #ccc; color: #ccc; margin: 3em 0; }

/* ### STRUCTURAL
############################################################################## */

.site-wrapper
{
  height: 100%;
  min-height: 100%;
}

.cover-wrapper
{
  display: table;
  height: 100%;
  width: 100%; 
  min-height: 100%;
  overflow: hidden;
  color: #fff;
}

.stretcher 
{
  display: table-cell;
  vertical-align: middle;
}

.stretcher-inner 
{
  margin-right: auto;
  margin-left: auto;
}

.stretcher-content  
{
  padding: 30px;
}

.content-wrapper
{
  overflow: hidden;
}

@media (min-width: 992px) {
  .stretcher-inner  {
    width: 700px;
  }
  
  .stretcher-inner.larger  {
    width: 800px;
  }
  
  .textcol { text-align: left; }
}

.content-wrapper
{
  width: 100%; 
  overflow: hidden;
}

/* ### COVER CONTENTS
############################################################################## */

.title {
	display: block;
	font-size: 50px;
	letter-spacing: 2px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
	text-shadow: 0px -2px 2px #000000;
}

.subtitle {
	display: block;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: 1px;
	margin: 2em 0 0;
	text-shadow: 0px 2px 2px #000000;
}

.soon {
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	margin: 20px 0 0;
}

@media (min-width: 992px) 
{
    .coverimage { 
        transition: all 0.2s;
        transform: rotate(7deg);
        box-shadow: 0 0 3px rgba(100,100,100,0.5);
    }

    .coverimage:hover {
        transition: all 0.5s;
        transform: scale(1.3) rotate(4deg);
        box-shadow: 0 0 15px rgba(80,80,80,0.8);
    }
}

/* ### CONTENTS
############################################################################## */

.header {
	display: block;
	min-height: 300px;
}

.content {
	padding: 50px 0;
}

.footer {
	display: block;
	min-height: 300px;
}

/* ### BUTTONS
############################################################################## */

.btn { 
    border-width: 3px; 
    border-radius: 0;
    background-color: #ffffff;
    color: #008cd1;
    border-color: #008cd1;
}

.btn-xs {  border-width: 2px; }
.btn-sm {  border-width: 3px; }
.btn-md {  border-width: 5px; }
.btn-lg {  border-width: 6px; }

.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-danger:hover {
	color: #206b90;
	background-color: #ffffff;
	border-color: #206b90;
}

.btn-default:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-danger:hover {
	color: #206b90;
	background-color: #ffffff;
	border-color: #206b90;
}