/*
 * Globals
 */
 @import url(https://fonts.googleapis.com/css?family=Avenir:400,300,900,700);
 @import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,300,900,700);
 @import url(https://fonts.googleapis.com/css?family=Questrial:400,300,900,700);


/* Links */
.wrapper {

	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
}

.img-responsive{
	height: auto;
	display: block;

}

.h1, .h2, .h3, .h4, .h5, .h6, .nav-pills, h1, h2, h3, h4, h5, h6 {
    font-family: 'Questrial';
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    font-size: 18px;
    text-shadow: rgb(34, 34, 34) 0px 1px 2px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap;
    padding: 2px 20px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 15px;
}


.list-group-item {
	border: none;
	/*text-transform: uppercase;*/
	display: flex;
	color:#333333;
	background-color:#FFFFFF;
}

/*body {
  font-family: 'Avenir';
  font-size: 13px;
}*/

body {
  min-height: 640px;
  /*padding-top: 200px;*/
	margin-bottom: 60px;
  font-family: 'Questrial';
  font-size: 14px;
}

a.list-group-item:hover {
  text-decoration: none;
  color: #c6a91f;
}


a{
 color: #c6a91f;
}

a:hover {
	color: #c6a91f;
}

.nav>li>a {
    position: relative;
    display: block;
		padding: 7px 15px;
    line-height: 5%;
    text-transform: uppercase;

}

.nav>li>a:hover{
	color: #c6a91f;
	background-color:#FFFFFF;
}

.p {
	text-transform: inherit;
}

/*@media screen and (min-width: 768px) {
		.img-responsive {
			max-height: 50%;
		}
	}*/




@media screen and (max-width: 480px) {
	.list-group-item {
		text-align: center;
		line-height: 5%;
		}
	.list-group-item a,
	.list-group-item a:hover,
	.list-group-item a:active {
		text-align: center;
		}

	.img-responsive {
		max-width: 100%;
		margin-bottom: 20px !important;
		}
}

@media screen and (min-width: 480px) and (max-width: 768px) {
	.list-group-item {
		text-align: center;
		line-height: 5%;
		}
	.list-group-item a,
	.list-group-item a:hover,
	.list-group-item a:active {
		text-align: center;
		}

	.img-responsive {
		max-width: 100%;
		margin-bottom: 20px !important;
		}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	.list-group-item {
		text-align: center;
		line-height: 5%;
		}
	.list-group-item a,
	.list-group-item a:hover,
	.list-group-item a:active {
		text-align: center;
		}
	.img-responsive {
		max-width: 100%;
		margin-bottom: 20px !important;
		}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.list-group-item {
		text-align: left;
		line-height: 5%;
		font-size: 12px;
		}
	.img-responsive {
		max-width: 100%;
		padding-left: 0px !important;
		}
}

@media screen and (min-width: 1200px) {
	.list-group-item {
		text-align: left;
		line-height: 15%;
		font-size: 12px;
		}
	.img-responsive {
		max-width: 100%;
		}
}


/*-------------footer-----------*/

.footer {
  	position: absolute;
  	bottom: 0;
  	width: 100%;
  	height: 60px; /* Set the fixed height of the footer here */
  	line-height: 60px; /* Vertically center the text there */
  	background-color: #f5f5f5;
}