/* ==========================================================================
   Base Styles, Bootstrap Modifications & Fonts Import
   ========================================================================== */

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

::-moz-selection  /* Code for Firefox */ {
    background: #f2c2c9;
    color: #a4003a;
    text-shadow: none;
}

::selection /* Code for others */{
    background: #f2c2c9;
    color: #a4003a;
    text-shadow: none;
}

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.centered {
	text-align: center;
}

.left {
	text-align: left;
	text-indent:inherit;
}

.mt {
	margin-top: 20px;
}

.mb {
	margin-bottom: 20px;
}

@charset "utf-8";
.cambria {
	font-family: Cambria;
	color: #0000FF;
}

img {
	border: solid thin black;

}

a:focus {
	color: #BF0060;

}

body {
	color: #111E4A;
	background: url(../images/bg_3.png) repeat;
}

a {
	color: #0000FF;
}

a:focus {
	color: #BF0060;

}
/* =============================================CONTAINERS =========================================*/

/*@media (min-width: 400px) {
	.container {
    width: 90%;
  }
}
@media (min-width: 520px) {
  .container {
	  width: 90%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 90%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 90%;
  }
}
*/


/* =========================================== Navbar =========================================== */

.nav > li > a:focus {
	/*background-color: #F00;*/
}


.navbar-default {
  background-color: transparent;
}

/* Social Icons NavBar */
.navbar-default .navbar-brand {
	color: #FFF;
	font-size: 19px;
	letter-spacing: 5px;
	text-shadow: 0px 1px 0px #BF0060,0px -0px #BF0060,1px 1px #9f0050;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #59b300;
	text-shadow: 1px 1px 0px #FFF,-1px 1px 0 #FFF,1px -1px 0 #FFF,-1px -1px 0 #FFF;
	}

.navbar-default .navbar-text {
  color: #FFF;
}

/* Navigation Bar (main top menu) */
.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 10px;
	letter-spacing: 2px;
	text-shadow: 0px 1px 0px #BF0060,0px -0px #BF0060,1px 1px #9f0050;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #ff0080;
	letter-spacing: 2px;
	text-shadow: 1px 1px 1px #313140,-.95px -.95px #ffbfdf,1px 1px black;
}

/* Navigation Bar (collapsed) */
	.navbar-collapse {
	max-height: 250px;
	padding-left: 10px;
	line-height: 10px;
	letter-spacing: 0px;
}
.navbar-default .navbar-toggle {
	border-color: #9f0050;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #BF0060;
}
/*  =============================================================================
	START NAVBAR MEDIA QUERIES
	============================================================================= */	
@media (min-width: 480px) {
	/* Social Icons NavBar */
	.navbar-default .navbar-brand {
	font-size: 20px;
	letter-spacing: 2px;	
}
/* Navigation Bar (main top menu) */
	.navbar-default .navbar-nav > li > a {
	font-size: 15px;
	letter-spacing: 2px;
	}
}

@media (min-width: 500px) {
	/* Social Icons NavBar */
	.navbar-default .navbar-brand {
	font-size: 12px;
	letter-spacing: 0px;	
}
/* Navigation Bar (main top menu) */
	.navbar-default .navbar-nav > li > a {
	font-size: 15px;
	letter-spacing: 2px;
	}
}
	
@media (min-width: 720px) {
	/* Social Icons NavBar */
	.navbar-default .navbar-brand {
	font-size: 18px;
	letter-spacing: 0px;	
}
}
@media (min-width: 720px) {
/* Navigation Bar (main top menu) */
	.navbar-default .navbar-nav > li > a {
	font-size: 21px;
	letter-spacing: 2px;
	}
}

/*  =============================================================================
	END NAVBAR MEDIA QUERIES
	============================================================================= */	
@media (min-width: 480px) {
	/*border: 1px solid transparent;*/
}
@media (min-width: 768px) {
  /*border: 1px solid transparent;*/
}
@media (min-width: 992px) {
  /*border: 1px solid transparent;*/
}

/* ==========================================================================
   Links
   ========================================================================== */

a:link {    /* unvisited link */
    color: #C03;
    text-decoration: none;
}
	a:visited {    /* visited link */
    color: maroon;

}
	a:hover {    /* mouse over link */
    color: #00b300;
    text-decoration: underline;
}
	a:active {    /* active link */
    color: #0000FF;
}



/* ==========================================================================
   General styles
   ========================================================================== */



body {
	font-family: Raleway, 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
    /*background: #ddd url(../images/bg.jpg) repeat top left;*/
}

/* ===================================== START FONTS =====================================================*/

/* ================================== Font Settings ================================== */

/* ===================================== Start H1 =====================================================*/

h1,
.h1 {
	font-family: cambria;
	color: #5353FF;
	text-shadow: 1.75px 1.75px 1.75px #000066,-.8px -.80px #4ca6ff,2.5px 2.5px grey;
	padding-top: 10px;
	padding-bottom: 5px;
	letter-spacing: 0px;
	font-size: 40px;
	font-weight: 800;
}
@media screen and (min-width: 480px) {
h1,
.h1 {	
	font-size: 55px;
}	
}
@media screen and (min-width: 768px) {
h1,
.h1 {	
	font-size: 75px;
}	
}

/* ===================================== End H1 =====================================================*/

/* ===================================== Start H2 =====================================================*/

h2,
.h2 {
	font-family: Cambria;	
	color: #000000;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 0px;
	font-size: 19px;
	font-weight: 700;
}
@media screen and (min-width: 480px) {
h2
.h2 {
	font-size: 20px;
}
}
@media screen and (min-width: 768px) {
h2
.h2 {
	font-size: 24px;
}
}
/* ===================================== End H2 =====================================================*/

/* ===================================== Start H3 =====================================================*/

h3,
.h3 {
	font-family: Cambria;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 0px;
	font-size: 17px;
	font-weight: 700;
}
@media screen and (min-width: 480px) {
h3,
.h3 {
	font-size: 17px;
}	
}
@media screen and (min-width: 768px) {
h3,
.h3 {
	font-size: 20px;
}	
}

/* ===================================== End H3 =====================================================*/

/* ===================================== Start H4 =====================================================*/
h4,
.h4 {
	color: #BF0060;
	text-shadow: 2px 2px 2px #000,-1px -1px #666,1px 1px #666;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 0px;
	font-size: 25px;
	font-weight: bold;
}
@media screen and (min-width: 480px) {
h4,
.h4 {
	font-size: 42px;
}	
}
@media screen and (min-width: 768px) {
h4,
.h4 {
	font-size: 60px;
}	
}
/* ===================================== End H4 =====================================================*/

/* ===================================== Start H5 =====================================================*/

h5,
.h5 {
	font-family: Cambria;
	font-weight: 500;
	color: #000033;
	font-size: 15px;
}
@media screen and (min-width: 480px) {
h5,
.h5 {
	font-size: 16px;
}	
}
@media screen and (min-width: 768px) {
h5,
.h5 {
	font-size: 18px;
}	
}	
/* ===================================== End H5 =====================================================*/

/* ===================================== Start H6 =====================================================*/

h6,
.h6 {
	font-family: Cambria;
	color: #5353FF;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 0px;
	font-size: 25px;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000000,-.5px -.5px #99ffff,1px 1px #0000b3;
	}
@media screen and (min-width: 480px) {
h6,
.h6 {	
	font-size: 32px;
}
}
@media screen and (min-width: 768px) {
h6,
.h6 {
	font-size: 40px;
}
}
/* ===================================== End H6 =====================================================*/
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 10%;
}





/* Gallery */
.gallery {
	margin-top: 30px;
}

.gallery img:hover {
	opacity: 0.4;
}