/*@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Lato:900);*/

/*@import url(https://fonts.googleapis.com/css?family=Montserrat);*/
/*@import url(https://fonts.googleapis.com/css?family=Arvo:700);*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:700);

body {
	background-image: url(/images/bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

h1 {
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-size: 50px;
	text-shadow: 0px 0px 17px rgba(0, 0, 0, .5);
	-webkit-text-stroke: .5px black;
	/*margin-left: 25px;*/
	color: #fff;
}

h2 {
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-size: 30px;
	text-shadow: 0px 0px 17px rgba(0, 0, 0, .5);
	-webkit-text-stroke: .5px black;
	/*margin-left: 25px;*/
	color: #fff;
}



.content{
	margin-top: 10em;
	margin-bottom: 10em;
}

button {
  height: 64px;
  display: inline-block;
  border: 3px solid #e43;
	background-color: #e43;
	font-family: 'Josefin Sans', sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
	margin-bottom: 2em;
}

button:hover{
	opacity: .75;
}


#advices{
	position: center;
	font-family: 'Lato', sans-serif;
	font-size: 40px;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
	-webkit-text-stroke: .5px black;
	max-width: 15em;
	color: #fff;
}


.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.logo{
	width: 40px;
	/*height: 50px;*/
}

.hdr{
		margin: 2em 2em 2em 2em;
}


/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

	body {
		background-size: 300%;
	}
	.pull-right{
		padding-left: 50%;
		margin-left: 50%
		float:left !important;
	}

	h1 {
		font-family: 'Josefin Sans', sans-serif;
		text-transform: uppercase;
		font-size: 30px;
		text-shadow: 0px 0px 17px rgba(0, 0, 0, .5);
		/*margin-left: 25px;*/
		color: #fff;
	}
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {

	body {
		background-size: 300%;
	}
	.pull-right{
		padding-left: 50%;
		margin-left: 50%
		float:left !important;
	}


	h1 {
		font-family: 'Josefin Sans', sans-serif;
		text-transform: uppercase;
		font-size: 30px;
		text-shadow: 0px 0px 17px rgba(0, 0, 0, .5);
		/*margin-left: 25px;*/
		color: #fff;
	}
}

p {
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	text-shadow: 0px 0px 17px rgba(0, 0, 0, .5);
	color: #fff;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}






/* Horizontal NavBar */
nav a {
    text-decoration: none;
    color: #fff;
    font-size: 110%;
    font-family: 'Open Sans', sans-serif;
		text-shadow: 0px 0px 17px rgba(0, 0, 0, .5);
		-webkit-text-stroke: .15px black;

}

li {
    text-decoration: none;
    display: inline-block;
    margin: 8% 4% -1% 4%;
    padding: 1%;
}

/* Adding NavBar Background */

.main-nav {
    /*background: #000000;
		opacity: 0.6;*/
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    margin: -10%;
}

/* Setting Hover States */

a:hover {
    color: #a9a9a9;
}

a:active {
    color: #a9a9a9;
}