@import url('header_0712.css') screen;
@import url('umbrella_0712.css') screen;

#container {
margin-left: auto;
margin-right: auto;
text-align: center;
}

.box {
margin: 10px;
float: left;
width:230px;
height:230px;
}

.instagram {
}

.navigation {
display:block;
}

img {
max-width: 100%;
height: auto;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 0px 0px 25px 0px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.box:hover{opacity:.8}

.caption p {
font-size: 24px;font-weight: 400;color:#555;line-height: 36px;
}

.permalink {
font-size: 15px;font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2"; font-weight: 400;font-style: italic; color:#bbb;line-height: 36px;}

.permalink::after {
content: ' ';
display: block;
width: 200px;
border-top: 1px solid #eee;
margin: 40px auto 40px auto;
}


ul.mega-sharing {padding:0 0 40px 0;}
li.share-tab {text-transform:uppercase;display:inline;margin-right: 10px;border: 0;padding: 10px 12px; letter-spacing: 1px; font-weight: 700; background: #EEE; font-size: 13px; margin: 0 10px 0 0; -moz-border-radius: 3px; border-radius: 3px;}

.nav {padding: 0px 0px 25px 0px; text-align:center;}
.nav p.pagination {font-size: 14px;line-height:28px;font-weight:700; letter-spacing:1px; text-transform:uppercase;}

@media screen and (min-width: 912px) {
#container {	
width: 1000px;
margin-top:80px;
}
}

@media screen and (max-width: 911px) {
	#container {	
	width: 750px;
	margin-top:40px;
	}
}

@media screen and (max-width: 480px) {
		#container {	
		width:100%;
			}
		
		.box {
width:100%;
height: 100%;
		margin: 5px;
		float: left;
		}

.index {
padding: 0px;
}
}