/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@charset "utf-8";
/*-- Google Fonts 
----------------------------------------------------------------------------*/





/*-- Font Faces Section
---------------------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Great+Vibes|Open+Sans:400,300,600,700,800);

/*

	font-family: 'Open Sans', sans-serif;
	font-weight: 400;

	font-family: 'Great Vibes', cursive;
	font-weight: 400;



*/


/*-- Headers

---------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'Great Vibes', cursive;
	font-weight: 400;
}
h1 {
	font-size:42px;
	font-size:4.2rem;
}
h2 {
	font-size:38px;
	font-size:3.8rem;
}
h3 {
	font-size:34px;
	font-size:3.4rem;
}
h4 {
	font-size:28px;
	font-size:2.8rem;
}
h5 {
}
h6 {
}

/*-- Global

---------------------------------------------------------------------------*/

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color:rgba(36,36,36,0.8);
}
a {
	color:#f0efa0;
}
a:hover {
	color:rgba(36,36,36,0.8);
}
a, a:hover, a:focus {
	text-decoration: none;
}
strong, b {
	color:#f0efa0;
}
.text-box strong, 
.text-box b {
	color:rgba(36,36,36,0.8);
}
.text-box a {
	color:#7e9e20;
}
.text-box a:hover {
	color:rgba(36,36,36,0.8);
}
.B_crumbBox a {
	color:#7e9e20;
}
.B_crumbBox a:hover {
	color:rgba(36,36,36,0.8);
}
.marker ul, .marker { padding-left:0; list-style:none; }
.marker li { margin-bottom:10px; }
.marker li:before {   
	font-family: 'FontAwesome';
	content:"\f041";
	margin:0 5px 0 -15px;
	color: #242424; /* colour of the point */
}


/*-- Header Section
----------------------------------------------------------------------*/
.profile-text h3, .quickie-text h3 {
	color:#fff;
	margin-top:0;
	margin-bottom:5px;
	font-family: 'Great Vibes', cursive;
	font-weight: 400;
	font-size:26px;
	font-size:2.6rem;
	letter-spacing:2px;
	color:#f0efa0;
}
.profile-text p, .quickie-text p, .profile-text a {
	color:#fff;
	margin-bottom:5px;
	font-size:12px;
	font-size:1.2rem;
}	
.profile-text a {
	color:#f0efa0;
}
.header-text h3 {
	color:#393939;
	font-size:32px;
	font-size:3.2rem;
	text-align:center;
}
.carousel-caption h2 {
	color:#242424;
	font-size:32px;
	font-size:3.2rem;
}
.carousel-caption p {
	color:#242424;
	font-size:14px;
	font-size:1.4rem;
}
.carousel-caption a {
	color:#242424;
	font-size:14px;
	font-size:1.4rem;
	font-weight:600;
}
.carousel-caption a:hover, .carousel-caption a:focus {
	color:#000;
}

/*-- Content Section
----------------------------------------------------------------------*/
	
#content-error h1, #content-offline h1 {
	font-family: 'Russo One', sans-serif;
	font-weight: 400;
	font-size: 230px;
	font-size: 23rem;
}
#content-error h2, #content-offline h2 {
	font-family: 'Russo One', sans-serif;
	font-weight: 400;
	font-size: 100px;
	font-size: 10rem;
}
#content-error p, #content-offline p {
	font-family: 'Russo One', sans-serif;
	font-weight: 400;
	font-size: 20px;
	font-size: 2rem;
}
#right-box h1, #right-box h4 {
	text-align:center;
}

/*-- Footer Section
----------------------------------------------------------------------*/
	
#footer_text p, #footer_text a {
	color: #555555;
	font-size: 14px;
	font-size: 1.4rem;
	text-align:center;
	margin-bottom:0;
}
#footer_text a:hover {
	color: #97c725;
}
#footer-top h2 {
	margin:10px 0;
	text-align:center;
	color:rgba(57,57,57,0.6);
	font-size:45px;
	font-size:4.5rem;
}




/*-- media queries Section
----------------------------------------------------------------------*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
h1 {
	font-size:52px;
	font-size:5.2rem;
}
h2 {
	font-size:48px;
	font-size:4.8rem;
}
h3 {
	font-size:44px;
	font-size:4.4rem;
}
h4 {
	font-size:38px;
	font-size:3.8rem;
}
.profile-text h3, .quickie-text h3 {
	color:#fff;
	margin-top:0;
	margin-bottom:5px;
	font-family: 'Great Vibes', cursive;
	font-weight: 400;
	font-size:36px;
	font-size:3.6rem;
	letter-spacing:1px;
	color:#f0efa0;
}
.profile-text p, .quickie-text p, .profile-text a {
	color:#fff;
	margin-bottom:5px;
	font-size:16px;
	font-size:1.6rem;
}	
.profile-text a {
	color:#f0efa0;
}

.header-text h3 {
	color:#393939;
	font-size:28px;
	font-size:2.8rem;
	text-align:center;
}
.carousel-caption h2 {
	color:#242424;
	font-size:39px;
	font-size:3.9rem;
}
.carousel-caption p {
	color:#242424;
	font-size:16px;
	font-size:1.6rem;
	font-weight:400;
}
.carousel-caption a {
	color:#242424;
	font-size:16px;
	font-size:1.6rem;
	font-weight:600;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.profile-text h3, .quickie-text h3 {
	color:#fff;
	margin-top:0;
	margin-bottom:5px;
	font-family: 'Great Vibes', cursive;
	font-weight: 400;
	font-size:26px;
	font-size:2.6rem;
	letter-spacing:2px;
	color:#f0efa0;
}
.profile-text p, .quickie-text p, .profile-text a {
	color:#fff;
	margin-bottom:5px;
	font-size:12px;
	font-size:1.2rem;
}	
.profile-text a {
	color:#f0efa0;
}

.header-text h3 {
	color:#393939;
	font-size:32px;
	font-size:3.2rem;
	text-align:center;
}
.carousel-caption h2 {
	color:#242424;
	font-size:39px;
	font-size:3.9rem;
}
.carousel-caption p {
	color:#242424;
	font-size:14px;
	font-size:1.4rem;
	font-weight:400;
}
.carousel-caption a {
	color:#242424;
	font-size:14px;
	font-size:1.4rem;
	font-weight:600;
}
#right-box h1, #right-box h4 {
	text-align:left;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}