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

body {
	font-family: 'Raleway', sans-serif;
	color:#FFF;
    padding-left: 9px;
    padding-right: 9px;
    font-size:14px;
    background-repeat:repeat;
    background-image:url('/images/texture.jpg');
    background-attachment:fixed;
    background-color:#909090;   
	margin-left:auto;
	margin-right:auto;
}

div {width:100%;}

* {box-sizing: border-box;}

.main {
    color:#636363;
    line-height:1.8em;
    background-color:white;
    text-align:center;
	max-width:1170px;
	min-width:360px;
	margin-left:auto;
	margin-right:auto;
	padding-left: 9px;
	padding-right: 9px; 
}



.clear {
    clear: left;
}

img {
	margin:9px;
	border-style:none;
    max-width: 333px;
    max-width:90%
    height: auto;
    opacity:1;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18);
    border-radius: 6px;
}

img:hover {
    opacity:0.9;
/* 
    border-style:solid;
    border-width:1px;
    border-color:#d9d9d9;
 */
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.7), 0 6px 20px 0 rgba(0, 0, 0, 0.18);
    
}

img.logo {
    max-width: 333px;
    border-style:none;
    opacity:1;
    box-shadow:none;
    border-radius: 0px;
   }

a.website {
	text-decoration:none;
	font-size:16px;
	line-height:1.5em;
	color:#727272;
}

a.website:hover { 
	text-decoration:underline;
	color:#1C75BC;
}

a.website:visited{
	color:#727272;
}

a.details {
	text-decoration:none;
}

a.details:hover { 
	text-decoration:none;
}

a.details:visited { 
	text-decoration:none;
}


.details {
	font-size:11px;
	font-style:italic;
	color:#696969;
	line-height:16px;
}


.header {
	max-width:630px;
	margin: auto;
	padding: 18px 18px 27px 18px;
}

.sample {
	font-size:18px;
	padding-bottom:18px;
}


.footer {
	font-size:14.4px;
	line-height:22.5px;
	max-width:900px;
	margin: auto;
	padding: 18px;
}

.footer-header {
	font-size:22.5px;
	padding-top: 18px;
	padding-bottom: 27px;
/* 
	color:#008010;
 */
}

.about {
	font-family: 'Dancing Script', cursive;
	font-size:30.6px;
}

.website {
	font-size:18px;
	line-height:27px;
	color:#727272;
}


.containers {
	font-size:22.5px;
	color:#909090;
	padding: 9px 18px 36px 18px;
}

.container {
	text-align:center;
	width: 33.33%;
    float: left;
    padding: 9px 9px 27px; 9px;
    height: 360px;
}

.copyright {
	color:#7F7F7F;
	font-size:11px;
	padding-bottom:36px;
}


@media only screen and (max-width: 1200px) {
	.container {
		width: 50%;
	}
}

@media only screen and (max-width: 810px) {
	.container {
		width: 100%;
	}
}

@media only screen and (max-width: 450px) {
	img {
    	max-width: 279px;
	}

	img.logo {
    	max-width: 279px;
	}

	.container {
    	height: 306px;
	}
}