@charset "UTF-8";
/* CSS Document */

/* general styles
-------------------------------------------------- */
body {
	font-family: 'Dosis', sans-serif;
	color: #585e66;
	background: #a9a9a7;
	margin: 0;
}

html,body,section{
	height:100%;
	transition: all 0.7s ease;
}

section{
  background-repeat:no-repeat;
  background-size:cover;
}

/*css reset*/
html,body{margin:0; padding:0;}

a {
	transition: all 0.7s ease;
	text-decoration: none;
	color: #3e4356;
	opacity: 0.7;
}

a:hover {
	opacity: 1;
}


/* header
-------------------------------------------------- */

.home {
	height: 400px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0;
}

.head-pages {
	position: absolute;
	height: 160px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0;
}

.title-forjosephine {
	margin-top: 3%;
	margin-right: 14%;
	width: 300px;
	float: right;
}

.stamp {
	position: absolute;
	margin-top: 0;
	margin-left: 5%;
	width: 10%;
}

.lines {
	width: 100%;
	opacity: 0.9;
	padding: 0;
	margin-top: 184px;
}

.title-forjosephine-pages {
	margin-top: 0;
	margin-left: 11%;
	width: 28%;
}

.head-about {
	background-image: url(../images/head.jpg);
	height: 200px;
	margin-bottom: 6px;
}


/* body
-------------------------------------------------- */

.home-about {
	background-image: url(../images/home_about.jpg);
	z-index: -1;
	opacity: 0.9;
}

.home-about:hover {
	opacity: 1;
}

.home-portraits {
	background-image: url(../images/home_portraits.jpg);
	opacity: 0.5;
}

.home-portraits:hover {
	opacity: 0.85;
}

.home-weddings {
	background-image: url(../images/home_weddings.jpg);
	opacity: 0.5;
}

.home-weddings:hover {
	opacity: 0.85;
}

.home-promo {
	background-image: url(../images/home_promotional.jpg);
	opacity: 0.5;
}

.home-promo:hover {
	opacity: 0.85;
}

.titles {
	width: 25%;
	padding-right: 2%;
}

.box {
	display: inline-block;
	margin-bottom: 10px;
}

.box img{
	transition: all 0.5s ease;
	width: 100%;
	height: auto;
	opacity: 0.8;
}

.box img:hover {
	opacity: 1;	
}

.titles-pages {
	position:fixed;
	width: 100%;
	opacity: 0.8;
	z-index: 5;
}

.titles-pages img{
	width: 270px;
	margin-right: 5%;
}

.sidebar {
	background-color: #d0d1ca;
	height: 500px;
}

.sidebar img{
	padding: 10px;
	width: 100%;
	height: auto;
}

.sideabout {
	background-color: #d0d1ca;
	height: 1000px;
}

.sideabout img{
	padding: 10px;
	width: 100%;
	height: auto;
}

.about {
	background-image: url(../images/sideback.jpg);
	background-size: 300px;
	background-repeat: no-repeat;
	background-position: center;
}

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

.icon-links {
	padding-top: 36px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	opacity: 0.7;
	width: 55px;
	transition: all 0.7s ease;
}

.icon-links:hover {
	opacity: 1;
}