@CHARSET "UTF-8";

/* HTML5 defaults */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; }
article, aside, figcaption, figure, footer, header, hgroup, nav, section, time {display: block;}

/* Theme */

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body {    
    margin: 0 !important;
    padding: 0 !important;
}
/*
p{    
    margin: 0 !important;
    padding: 0 !important;
}
*/


header {
	height: 100%;
	position: relative;
}

header div.content {
	width: 100%;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 50%;
	max-width: none;
	height: 190px;
	margin-top: -800px;
	text-align: center;
}

header div.content h1  {
	font-weight: normal;
}

header div#logo {
	font-family: 'Grand Hotel', cursive;
	font-size: 48pt;
	text-align: center;
	padding-top: 30px;
	color: #c3cad9;
}


header div.content h1  {
	color: #FFFFFF;
}
div.heading-a h5  {
	color: #35221C;
}
div.heading-b h4  {
	color: #35221C;
}

header .buttons-wrapper div.buttons div a:hover {
	color: #222222;
}

.color-1 {
	color: #00bfff;
}

.color-2 {
	color: #ff007f;
}

.header{
	max-height: 400px;
	background-image: url('../assets/pages-banner-cropped.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.header-p{
	max-height: 400px;
	background-image: url('../assets/a.jpg');
	background-repeat: cover;
	background-size: 100% 100%;
}

.header-s{
	max-height: 400px;
	background-image: url('../assets/sneaker.jpg');
	background-repeat: cover;
	background-size: 100% 100%;
}


.box {
  border-radius: 3px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 10px 25px;
  display: block;
  margin-top: 60px;
   }
.box-icon{
  border-radius: 10%;
  display: table;
  height: 100px;
  margin: 0 auto;
  width: 100px;
  margin-top: -61px;
  font-size: 3rem; 
}
.info h5 {
  letter-spacing: 2px; 
}
.info p {
  color: #717171;
  padding-top: 10px; 
}
.info a {
  border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.5s ease 0s; 
}
 .info a:hover {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    transition: all 0.5s ease 0s; 
}