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

html,
html * {
	padding:0;
	margin:0;
	box-sizing: border-box;
	
}

.responsive-logo {
	max-width: 15%;
	min-width: 200px;
	height: auto;
}

.style-nav ul{
	list-style-type: none;
}

.style-nav ul li a{
	text-decoration: none;
	color: #776F8A;
	display: block;
	text-transform: uppercase;
	padding: 8px;
}

.style-nav a:hover{color:#000000;}



@media (min-width: 600px){
	.style-nav ul li {
		display:inline-block;
		text-align: center;
	}
}

.dropdown {
	position: relative;
	display: inline-block;
	background-color:white;
	
}

.dropdown-content {
	display:none;
	position:absolute;
	background-color:#f9f9f9;
	text-align: justify;
	text-transform: uppercase;
	line-height: 23px;
	width:230px;
	z-index: 1;
}

.dropdown-content a {
	display:block;
	text-decoration: none;
	color:#776F8A
}

.dropdown-content a:hover {
	background-color:#ddd;
	color:black;}

.dropdown:hover .dropdown-content {
	display:block;
	
}

.icons ul li{
	padding:4px;
	display:inline-block;
}

.icons ul li:hover
{
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
}


.pageContentWrapper{
	margin-bottom:50px;
	padding-right:15%;
	padding-left:15%;
	padding-top:10px;
	
	
}

h1 {  font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; font-size: 20px; font-weight: 400; line-height: 72px; letter-spacing:10px; margin-bottom:57px; text-align:center; text-transform:uppercase; border-bottom: 2px dashed#959595; }

@media (max-width:850px) 
{h1 {font-size:3vw; letter-spacing:2vw;}}

h2 { color: #765E7A; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; font-size: 24px; font-weight: 400; letter-spacing:5px; margin: 0 0 14px; text-transform:uppercase; text-decoration: underline;}

h2 a { color:#765E7A; font-size:20px;}
h2 a:hover {color:black}

@media (max-width:850px)
{h2 a{font-size:15px; letter-spacing:2px;}}

h3 {font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; font-size: 30px; font-weight: 300; letter-spacing:15px; text-align:center; text-transform:uppercase;}

h4 {font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; font-size: 25px; font-weight: 300; text-align:center; text-transform:none}

p { color: #222; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; line-height: 24px; margin: 0 0 14px; }

p a{ font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";color:#776F8A; border-bottom: 2px solid #776F8A; font-size:15px; font-weight:700; letter-spacing:3px; text-decoration: none; text-transform:uppercase;}

p a:hover {color:#000000; border-bottom:2px solid #000000;}

p2 {color: #A4A4A4; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 0.5; font-weight: 200; }

p2 a {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";color:#FFFFFF; border-bottom: 2px ; font-weight:700; text-decoration: none; text-transform:uppercase;}

big {color:white;}


.footer {
    position: relative;
    bottom: 0;
    height:210px;
	width:100%;
	color: #BDBDBD;	
	background-image: url("images/footer.png");
	background-repeat: no-repeat;
		
}


.jssorl-009-spin img{animation-name:jssorl-009-spin;animation-duration:1.6s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes jssorl-009-spin{from{transform:rotate(0);}to{transform:rotate(360deg);}}.jssorb051 .i{position:absolute;cursor:pointer}.jssorb051 .i .b{fill:#776F8A;fill-opacity:.5}.jssorb051 .i:hover .b{fill-opacity:.7}.jssorb051 .iav .b{fill-opacity:1}.jssorb051 .i.idn{opacity:.3}.jssora051{display:block;position:absolute;cursor:pointer}.jssora051 .a{fill:none;stroke:#776f8a;stroke-width:360;stroke-miterlimit:10}.jssora051:hover{opacity:.8}.jssora051.jssora051dn{opacity:.5}.jssora051.jssora051ds{opacity:.3;pointer-events:none}




.myimg {
  float: left;
  margin-right: 25px; margin-bottom:10px;
}

.wrapper {
height:100%px; min-height:240px; margin-bottom:20px; overflow:scroll; vertical-align: middle;
}

.content {
  margin: 20px;
}




/* Create two equal columns that floats next to each other */
.column {
    float: left;
    width: 50%;
    padding: 10px;
    /* Should be removed. Only for demonstration */
}




.column3 {
    float: left;
    width: 33.3%;
    padding: 10px;
    /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */



.responsive-image {
	max-width: 80%;
	min-width: 25%;
	height: auto;
}

.gallery-image {
	width:100%;
	height:auto;
	opacity:1;
	display:block;
	transition: .5s ease;
	backface-visibility: hidden;
	padding: 3%;
	vertical-align: middle;
	
}


.middle {
	transition: 0.5s ease;
	opacity:0;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
  
  text-align: center;
}

.container {
	position:relative;
	width:100%;
}


.container:hover .gallery-image {
  opacity: 0.3;
	-webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
}

.container:hover .middle {
	opacity:1;
}


.text {
color: black;
}