/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	background: url('../img/back2.png') repeat;
	font-size: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-transition-font-smoothing: antialiased;


}

section.primary-nav {
	background-color: white;
	width: 100%;
	height: 80px;
	box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.05);



}

section.primary-nav nav {
	width: 75%;
	margin: 0 auto;


}

.primary-nav a.logo {
width: 80px;
height: 33px;
background: transparent url('../img/logo1.png') no-repeat ;
background-size: 90%;
text-indent: -9999px;
float: left;
margin-top: 26px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
overflow: hidden;

}

.primary-nav a.logo:hover,
.primary-nav a.logo:active {
	background: url('../img/logo2.png') no-repeat ;
	background-size: 90%;
}

.primary-nav a.mail {
color:#255c6c;
font-size: 13px;
border: solid 3px;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 400;
float: right;
margin-top: 25px;
padding: 5px 10px 5px 10px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
overflow: hidden;

}

.primary-nav a.mail:hover,
.primary-nav a.mail:active {
	color: #7fc9c8;
}

section.main {
	width:100%;

		
}

section.main img {
	   display:block;
}

#footer{
	width:100%;
	background:#cc7d85;
	
}

h1 {	
	color: #f5f5f5;
	letter-spacing: 1px;
	font-size: 28px;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	text-transform:uppercase;
	font-weight: 700;
	text-align: center;
	padding-top:50px;
}

p.text {	
	color: #f5f5f5;
	font-size: 17px;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 400;
	margin:0 auto;
	margin-top:20px;
	width:60%;
	line-height: 30px;
	text-align: justify;
	padding-bottom: 25px;
	
}


#socials li a {
	width: 46px;
	height: 46px;
	display: block;
	

}

#socials li {
	margin: 0 7.5px;
	display: inline-block;
	text-indent: -99999px;
	margin-bottom:50px;

}


#socials {
margin:0 auto;
margin-top:5px;
text-align:center;
}

#socials li a.facebook {
	background: transparent url(../img/facebook.png) no-repeat;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;

}

#socials li a.flickr {
	background: transparent url(../img/flickr.png) no-repeat;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#socials li a.vimeo {
	background: transparent url(../img/vimeo.png) no-repeat;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#socials li a:hover {
	
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	
}


@media screen and (max-width: 320px) {
	.primary-nav a.logo  {
		background-size: 50%;
		margin-top:20px;
	}

	.primary-nav a.logo:hover  {
		background-size: 50%;
	}
	
	.primary-nav a.mail {
	font-size: 7px;
	border: solid 2px;
	margin-top: 15px;
	padding: 5px 10px 5px 10px;
	
}

section.primary-nav nav {
	width: 90%;

}

section.primary-nav {
	height: 55px;	

}

h1 {	
	font-size: 15px;
	padding-top:20px;
}

p.text {	
	
	font-size: 10px;
	margin-top:20px;
	width:60%;
	line-height: 20px;
	padding-bottom: 10px;
	
}

#socials li a.facebook {
	background-size:80%;

}
#socials li a.flickr {
	background-size:80%;

}
#socials li a.vimeo {
	background-size:75%;

}
	
#socials li {
	margin: 0 0px;
	margin-bottom:25px;

}

#socials li a {
	width: 40px;
	height: 40px;
	display: block;

}


}

@media screen and (min-width: 321px) and (max-width: 600px) {
	.primary-nav a.logo  {
		background-size: 50%;
		margin-top:20px;
	}

	.primary-nav a.logo:hover  {
		background-size: 50%;
	}
	
	.primary-nav a.mail {
	font-size: 7px;
	border: solid 2px;
	margin-top: 15px;
	padding: 5px 10px 5px 10px;
	
}

section.primary-nav nav {
	width: 90%;

}

section.primary-nav {
	height: 55px;	

}

h1 {	
	font-size: 15px;
	padding-top:20px;
}

p.text {	
	
	font-size: 10px;
	margin-top:20px;
	width:60%;
	line-height: 20px;
	padding-bottom: 10px;
	
}

#socials li a.facebook {
	background-size:80%;

}
#socials li a.flickr {
	background-size:80%;

}
#socials li a.vimeo {
	background-size:75%;

}
	
#socials li {
	margin: 0 0px;
	margin-bottom:25px;

}

#socials li a {
	width: 40px;
	height: 40px;
	display: block;
	
	

}


}