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




html {
  scroll-behavior: smooth;
}



body {
	overflow-y: scroll;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	background-color:#222;
	font-size:14px;
	color:#925faa;
	letter-spacing:1px;
	margin-top:0px;
	margin-right:15px;
	margin-left:15px;
	margin-bottom:15px;
	
	
}









.text_thinner {
	width:100%;
	max-width:450px;

	margin-bottom:35px;
	margin-left:auto;
	margin-right:auto;
	
	
	}

.text {
	width:100%;
	max-width:650px;
	text-align:left;
	margin-bottom:35px;
	
	
	}
	
	.text_centered {
	width:100%;
	max-width:800px;
	text-align:center;
	
	
	}



p { 
	color: #915ba8;
	font-size: 19px;
line-height:30px;

}

a.sub {
	color: #9d79cd;
	border-bottom: thin solid #9d79cd; 
}
a.sub:hover {
	color: #bf70e0;
	border-bottom: thin solid #bf70e0; 
}




h1 {
	color: #915ba8;
	font-family: 'Berkshire Swash', cursive;
    font-size: 27px;
        line-height: 34px;
    font-weight: 100;
}

h2 {
	color:#666;
    font-size: 22px;
        line-height: 27px;
    font-weight: 100;
	
}

.sub_title {
	  font-size: 16px;
	  color:#777;
	  margin-bottom:24px;
  
}




.social {
	margin-top: px;
z-index: 99999;
position: absolute;
right: 1px;
padding-right: 6px;

display: block;
background-image: none;
border: none;
}








	a.soc {
margin-top: 4px;
		margin-left:2px;
padding-top: 0px;
padding-top: 1px;
opacity: 0.9;
filter: alpha(opacity=90);
}

	a.socHover {
margin-top: 4px;
padding-top: 0px;
padding-top: 1px;
opacity: 10;
filter: alpha(opacity=100);
}


.soc img {
	width: 100%;
	max-width:28px;
}
	
	

.pad {
	display:block;
	padding:12px;
}
#top{
	
	 z-index:1;
	
	
}

#header {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	max-width:1337px;
	width:80%;
	height:159px;
	 text-align:center;
	 z-index:3;
	
	
}

#contact {
	
	 z-index: 1;
	
	
}



#wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:37px;
	max-width:1180px;
	width:100%;
	
}



#footer {
	position:relative;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	max-width:1337px;
	width:88%;
	
	height:300px;
	 border-top: 1px dotted #333;
	 padding-top:30px;
	 margin-top:30px;
	 
}


.hm_thumb {
float: left;
width: 33.3%;
	
}


.hm_thumb img {

width: 100%;

}






.left_foot {
	width:46%;
	float:left;
	}


.right_foot {
	width:46%;
	float:left;
	text-align:right;
}



.title {
	font-size:16px;
	margin-bottom:6px;
	letter-spacing:5px;
	} 

.space {margin-bottom:6px;} 

.clear {
	clear:both;
	position:relative;

}

.thin_line {
	clear:both;
    margin-top: 50px;
    height: 1px;
    margin-bottom:50px;
    border-bottom: 1px dotted #A7A7A7;
}


 /* LINKS */
 
 


.logo {
    width: 250px;
    text-align: center;
    margin-top: 22px;
    
    margin-left: auto;
    margin-right: auto;
    /* position: relative; */
}





.info {
	max-width: 659px;
}




a.icon {
	line-height: 33px;
	text-decoration:none;
	 font-size:18px;
	 color: #915ba8;
	 font-style:italic;
	 margin-left:9px;
	 margin-right:9px;
	 font-weight:400;
 }
 
a.icon:hover {
	text-decoration:none;
	border:none;
	color:#895b87;
 }




a.nav {
	line-height: 33px;
	text-decoration:none;
	 font-size:18px;
	 color:#915ba8;
	 font-style:italic;
	 margin-left:9px;
	 margin-right:9px;
	 font-weight:400;
 }
 
a.nav:hover {
	text-decoration:none;
 }


a {
	text-decoration:none;
	 color:#895b87;
	
}

a:hover {
	text-decoration:none;
	margin-bottom: 4px;
	border-bottom:thin solid #895b87;
}

p a {
	text-decoration:none;
	 color:#895b87;
	 margin-bottom: 4px;
	border-bottom:thin solid #895b87;
	
}

p a:hover {
	text-decoration:none;
	margin-bottom: 4px;
	border-bottom:0px solid #895b87;
}


	
	
 .line {width:80%;
 border-bottom:thin solid #895b87;
     margin: 15px auto 15px auto;
 
 }
 
 
 


a img { 
	 opacity: 10;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

a:hover img { 
	 opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

#scroll-to-top {font-size:0px;}



#arrow {
	left: 41px;
    margin-bottom: 20px;
    float: left;
    position: relative;
	z-index:3;
}
 
 
 
 /* BLOCKS */
 
.full {
	
	
	 width:100%;
	 max-width:1337px;
	    
	 }
	 
	 .arrow img { width:172px;}
 
 .logo img { width:100%; max-width:250px; margin-top:6%; margin-left: auto; margin-right: auto;}
 
  .right_foot img { width:89px;}
 
.home img { width:100%; max-width:620px; margin-top:6%;}

.inside img { width:100%; max-width:440px;}




	
	 
	 
	 
	 
	 
	 @media only screen and (max-width: 1046px) {
		 
		 
		  .right {
	 width:32.8%;
	
	 }
	 
	 .left {
		width:56%; 
	 }
		 
		 
	
	
		 
		 
	 }
	 
	 
	 
	 	  @media only screen and (max-width: 970px) {
			  
			  
			  
			  
		 
		 
	 .logo { 
     width: 73%;
 text-align:center;
 margin-top:22px;
 margin-bottom:22px;
 margin-left:auto;
 margin-right:auto;
 position:relative;
 
 
 }
 
 

	
	 .right_designer {
	 width:64%;
	
	 }
 
 
 #wrapper {
    
    width: 94%;
	 
	
}
 
 
 
 
 
   }
	 
	 
	 
	 	  @media only screen and (max-width: 900px) {
			  
			  
			  
			  .social {
    margin-top: 19px;
    
    z-index: 99999;
    position: relative;
     right: 0px;
    padding-right: 6px;
    
    display: block;
    background-image: none;
    border: none;
}
	 
	 
	 .right_designer {
	 width:100%;
	
	 }
	 
	  .left_designer {
	 width:100%;
	 margin-left:5px;
	 max-width:100%;
	 margin-bottom:30px;
	
	 }
	 
	 .home img { width:100%; max-width:654px; margin-top:8%;}
	 
	 
		  }


@media only screen and (max-width: 800px) {
	
	
	
	
.hm_thumb {
margin-left: auto;
clear: both;
margin-right: auto;
float: none;
width: 100%;
	position: relative;
    left: -8px;
	
}
	
}
	 
	 
	 
	 
	 
	 
	  @media only screen and (max-width: 650px) {
		  
		  
		  
p	  
		  
		  
		  
		  .home img { width:100%; max-width:654px; margin-top:12%;}
		  
		  .pad {
	display:block;
	padding:20px;
}
		  
		  h1 {
			  font-family: 'Berkshire Swash', cursive;
    font-size: 20px;
   
}


		 
		 
		  .right {
			  margin-left: 5%;
	 width:90%;
	
	 }
	 
	 	  .left {
	 width:90%;
	
	 }
		 
		 
	 .logo { 
 width: 97%;
text-align: center;
margin-top: 12px;
margin-bottom: -5px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 3px;
 
 
 }
	
		 
		 
	 }
 
 
 
 
  @media only screen and (max-width: 570px) {
	  
	  
	 #header {

height: 161px;

} 
	  
	  
		 
		 
	
 
 
 .rotate {
	margin-top: 33px;
position: relative;
text-align: right;
float: left;
	z-index: 999;
height: 50px;
top: -25px;
width: 115px;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);


}
 
 
 
 
 
		  }
 
 
 
 .left_foot {
	width:100%;
	
	}


.right_foot {
	width: 100%;
float: left;
text-align: left;
border-top-width: thin;
border-top-style: dotted;
border-top-color: #333;
margin-bottom: 20px;
position: relative;

margin-top: 10px;
padding-top: 10px;
}