/*
#------------------------------------------------------------------------
# Creativity - May Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Basic elements */
html {height: 100%;}

body, html {margin: 0; min-height: 100%; padding: 0;}
body {
  background-image: url('back.jpg');
  background-size: 100% 100%; 
  background-color: #f3d97c;
  color: #000;
  font-family: 'Crimson Text', serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 2;
  min-height: 100%;
  padding: 0;
  text-align: center;
  word-wrap: break-word;
}

a {
  -webkit-transition: background .3s cubic-bezier(.17, .67, .88, 1.25), color .2s linear;
  -moz-transition: background .3s cubic-bezier(.17, .67, .88, 1.25), color .2s linear;
  -o-transition: background .3s cubic-bezier(.17, .67, .88, 1.25), color .2s linear;
  transition: background .3s cubic-bezier(.17, .67, .88, 1.25), color .2s linear;
  color: #d87334;
  text-decoration: none;
}
a:hover, 
a:active, 
a:focus {color:#fff;}

img.vibrate:hover {
	display: inline-block;
	-webkit-animation: iconflicker 1.25s infinite linear;
	-moz-animation: iconflicker 1.25s infinite linear;
	animation: iconflicker 1.25s infinite linear;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.bigbutton {
  background: transparent!important;
  border: 2px solid #d87334;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  height: 58px;
  line-height: 58px;
  padding: 0 32px;
  text-transform: uppercase;
  color: #d87334;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  margin: 0 auto;
  text-align: center;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.bigbutton:hover {background: #fff!important; border-color: #fff!important; color: #d87334!important;}

/* Blocks */

#wrapper {padding: 100px;}

/* Other elements */
h1 {font-size: 100px; font-weight: 500; line-height: 1.2; margin: 0;}
h2 {font-size:  56px; font-weight: 400; line-height: 1.2; margin: 0;}
h3 {font-size:  32px; font-weight: 300; line-height: 1.2; margin: 18px 0 60px;}

@media (max-width: 920px) {
  #wrapper {padding: 60px;}
  #gkPage {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; padding: 20px; }
  #wrapper > div, #wrapper > div + div, #wrapper > div + div + div {clear: both; float: none; width: 100%; }
  h1 {font-size: 70px; font-weight: 500; line-height: 1.2; margin: 0;}
  h2 {font-size: 40px; font-weight: 400; line-height: 1.2; margin: 0;}
  h3 {font-size: 22px; font-weight: 300; line-height: 1.2; margin: 18px 0 60px;}
}

@media (max-width: 600px) {
  #wrapper {padding: 20px;}
  #gkPage {margin: 12px 0!important;}
  h1 {font-size: 50px; font-weight: 500; line-height: 1.2; margin: 0;}
  h2 {font-size: 28px; font-weight: 400; line-height: 1.2; margin: 0;}
  h3 {font-size: 16px; font-weight: 300; line-height: 1.2; margin: 18px 0 60px;}
}

@media (max-width: 500px) {
  #wrapper {padding: 15px;}
  #gkPage {margin: 10px 0!important;}
  h1 {font-size: 36px; font-weight: 500; line-height: 1.2; margin: 0;}
  h2 {font-size: 20px; font-weight: 400; line-height: 1.2; margin: 0;}
  h3 {font-size: 12px; font-weight: 300; line-height: 1.2; margin: 18px 0 60px;}
}