@import url("materialize.min.css");
@import url("font-awesome.min.css");
body{background: #001a1a;overflow-x: hidden;}
.main-menu{position: absolute;top: 0;left: 0;width: 100%;box-shadow:none;-webkit-box-shadow:none;}
.main-menu .brand-logo img{position: relative; width: 240px; margin: 30px 0;}
.blockrow{min-height: 300px;color:#fff;padding: 100px 0 10px 0;}
.blockrow h1{font-size: 25px;margin: 10px 0;text-transform: uppercase;}
.blockrow h2{font-size: 20px;margin: 10px 0;text-transform: uppercase;}
.blockrow p{text-align: justify;color: #fff;}
.pad30{padding: 30px;color: #fff;}
.block-img{width: 450px; height: 300px;margin-left: 15%;}
.left-module .block-img{margin-left: 5%;}
.btn i{font-size: 25px;}
.btn {position: relative;background-color: #ff0000;border: 2px solid white;border-radius: 5px;color: #000;float:right;padding: 12px 16px;padding-top: 0px;padding-bottom: 0px;margin-right: 80px;margin-top: 30px;font-size: 16px;cursor: pointer;}
#goTop{display: none; position: fixed; bottom: 20px; right: 60px; z-index: 99; padding: 8px; border-radius: 50%; width: 50px; height: 50px; padding-top: 5px;}
@media only screen and (max-width: 600px){
	.blockrow{padding:10px 0;}
	.main-menu .brand-logo img {width: 120px; margin-top: 10%; margin-left: -130%;}
	.container{width: 98%;}
	.pad30{padding: 10px;}
	#pageModal img.block-img.img-rounded, .block-img, .block-img{width: 350px; height: 200px;}
	.shadow{padding-top: 50px !important;}
	.main-menu .btn {margin-right: 10px;}
	.block-img, .block-img{margin-left: 8%;}
	.left-module .block-img{margin-left: 10%;}
}

ul.pinboards {padding-left: 15%; padding-top: 5%;}
ul.pinboards li,
ul.tag-list li {
list-style: none;
}
ul.pinboards li h4 {
margin-top: 5px;
font-size: 16px;
font-family: Verdana;
}
ul.pinboards li div p { font-size: 16px; }
ul.pinboards li div {
text-decoration: none;
color: #000;
background: #ffc;
display: block;
height: 240px;
width: 240px;
padding: 1em;
position: relative;
}
ul.pinboards li div small {
position: absolute;
top: 5px;
right: 5px;
font-size: 10px;
}
ul.pinboards li div a {
position: absolute;
right: 10px;
bottom: 10px;
color: inherit;
font-size: 20px;
}
ul.pinboards li {
margin: 10px 40px 50px 0;
float: left;
}
ul.pinboards li div p {
font-size: 11px;
color: #000;
font-family: Verdana;
}
ul.pinboards li div {
text-decoration: none;
color: #000;
background: #ffc;
display: block;
height: 240px;
width: 240px;
padding: 1em;
/* Firefox */
-moz-box-shadow: 5px 5px 2px #212121;
/* Safari+Chrome */
-webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
/* Opera */
box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
}
ul.pinboards li div {
-webkit-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
}
ul.pinboards li:nth-child(even) div {
-o-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
-ms-transform: rotate(4deg);
position: relative;
top: 5px;
}
ul.pinboards li:nth-child(3n) div {
-o-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
position: relative;
top: -5px;
}
ul.pinboards li:nth-child(5n) div {
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
position: relative;
top: -10px;
}
ul.pinboards li div:hover,
ul.pinboards li div:focus {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
position: relative;
z-index: 5;
}
ul.pinboards li div {
text-decoration: none;
color: #000;
background: #ffc;
border-radius: 10px;
display: block;
height: 230px;
width: 230px;
padding: 1em;
-moz-box-shadow: 5px 5px 7px #212121;
-webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
-moz-transition: -moz-transform 0.15s linear;
-o-transition: -o-transform 0.15s linear;
-webkit-transition: -webkit-transform 0.15s linear;
}