* {padding:0;margin:0;border:none;outline:none;}

body {
	font-family: "Ubuntu Condensed",Arial,"Helvetica Neue",Helvetica,sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	color:#fff;
	font-size: 1vw;
	background: #000;
	background-image: linear-gradient(to bottom, #333 0%, #000 100%);
	background-size: 100% 3vw;
	background-repeat: repeat-x;
	background-position: 0 0;
	min-width: 800px;
}

form {
	float: right;
}

input {
width:6vw;
float:right;
border-radius: 0.3vw;
font-size: 1vw;
color: #aaa;
background-color: #fff;
margin:0.35vw 0 0 0;
padding:0.2vw;
-webkit-transition: width 0.2s ease-in-out;
transition: width 0.2s ease-in-out;
}

input:focus {
    width: 12vw;
}

button {
background: none !important;
float:right;
cursor: pointer;
}

.material-icons.md-48 { font-size: 2.5vw;color: #0cc;vertical-align: middle; }
.material-icons.home { font-size: 2.2vw;color:#fc0;float:left;margin:0 0.2vw;}
.material-icons.list { font-size: 1.2vw;}

.fa.fa-camera {
font-size: 1.8vw;color:#fc0;float:left;margin:0.2vw;
}

h2 {
font-size:2vw;
line-height:2vw;
float:left;
font-weight:normal;
}

h2 a {
font-size:1.2vw;
border-radius:0.3vw;
padding: 0 0.25vw;
color:#333;
background:linear-gradient(to top,#ccc 0%,#fff 100%); 
}

h2 a:hover,#toptab a:hover {
	color:#fff;
	background:linear-gradient(to top,#222 0%,#333 100%); 
}

h3 {
float:left;
clear:both;
}

h3 a {
font-size:1.3vw;
border-radius:0.3vw;
padding: 0 0.25vw;
color:#333;
background:linear-gradient(to top,#ccc 0%,#fff 100%);
}

h3 a:hover {
        color:#fff;
        background:linear-gradient(to top,#222 0%,#333 100%);
}

#toptab {
	position:absolute;
	top:0;
	right:0.15vw;
}
#toptab a {
	width:auto;
	padding:0 0.25vw 0.1vw 0.25vw;
	margin:0 0.1vw 0 0.1vw;
	float:left;
	font-size:1vw;
	border-radius:0 0 0.3vw 0.3vw;
	color:#333;
	background:linear-gradient(to top,#ccc 0%,#fff 100%);
}

#logo { width:5.5vw;height:auto;float:left;margin:0.3vw 0.3vw 0 0.3vw;
}

h1 {
font-size:2.8vw;
line-height:2.8vw;
color:#fff;
text-shadow:0.1vw 0.1vw 0.2vw #000;
}

.menu {
background:linear-gradient(to bottom,rgba(111,111,111,0.7) 0%,rgba(222,222,222,0.7) 50%,rgba(111,111,111,0.7) 100%);
color:#fff; 
height:2.3vw; 
width:100%;
}

#sticky {
background:linear-gradient(to bottom,rgba(50,50,50,0.7) 0%,rgba(90,90,90,0.7) 50%,rgba(50,50,50,0.7) 100%);
color:#fff;
height:2.3vw;
width:100%;
z-index:100;
}

.header {
float:left;        
width:98%;
margin: 0.5% 0.5% 0 0.5%;
padding: 0 0.5% 0 0.5%;
background:#111; border-radius:1vw 1vw 0 0;
}

.footer {
float:left;
width:98%;
margin: 0 0.5% 1vw 0.5%;
padding: 0 0.5% 0 0.5%;
background:#111; border-radius:0vw 0vw 1vw 1vw;
}

.content {
display: inline-flex;
float:left;
width:98%;
margin: 0 0.5% 0 0.5%;
padding: 0.5%;
background:#111;
}

#sticky a,.menu a {
float:left;
margin:0 0.3vw;
}
#sticky b,.menu b {
font-size:1.5vw;
line-height:2vw;
text-shadow: 0.1vw 0.1vw 0.2vw #012;
float:left;
}

a {
color: #fff;
text-decoration: none;
}
a:hover,.content a:hover{
color: #0ff;
}

.jpeg a {
width: 16.666%;
height: auto;
float: left;
font-size: 1vw;
line-height: 1.5vw;
color: #fff;
text-decoration: none;
margin-bottom:0.5vw;
}


.mobile a {
width: 33.333%;
height: auto;
float: left;
font-size: 1vw;
line-height: 1.5vw;
color: #fff;
text-decoration: none;
margin-bottom:0.5vw;
}

.content imgg {
display: block;
float: left;
margin-left:4%;
width: 96%;
height: auto;
min-height:19vw;
border-radius: 0.6vw 0.6vw 0 0;
}

.text {
flex: 1;
float:left;
background-image:linear-gradient(to right,#222 0%,#333 50%,#222 100%);
border-radius: 0.6vw;
margin-bottom: 0.4vw;
font-size: 1.2vw;
color: #fc0;
}

.text p {
width:98%;
float: left;
margin:0 0.1vw;
white-space:nowrap;overflow:hidden;text-overflow:hidden;
}

.text img {
width:96%;
margin:2%;
border-radius: 2%;
}

.jpeg {
flex: 7;
float:left;
}

.tag,.az {
	width:100%;
	float:left;
}

.tag a,.az a {
	width:auto;
	height:auto;
        font-size:1.3vw;
        color:#fff;
        border-radius: 0.5vw;
        padding:0.3vw;
        margin:0.3vw;
        float:left;
	background-image:linear-gradient(to right,#047 0%,#058 50%,#047 100%);
}
.az b {
	font-size:2vw;
	float:left;
	padding:0.3vw;
}

.chat {
	clear:left;
}
.chat img {
border-radius: none;
height:auto;
min-height:1vw;
}

.socialnetwork img, button img {
width:2.1vw;
height:2.1vw;
margin:0.1vw;
float:left;
}

.follow {
	width:90%;
	height:3vw;
	margin:0.1vw;
	padding:0.1vw;
	
}

.pincontainer {
    margin: 0 auto;
	flex: 7;
float:left;
}

.pincontainer:before,.pincontainer:after {
    content: '';
    display: table;
}
.pincontainer:after {
    clear: both;
}
.pinbox {
	height: auto;
	float: left;
	font-size: 1vw;
	line-height: 1.5vw;
	color: #fff;
	text-decoration: none;
	margin-bottom:0.5vw;
	width:100%;
}

.pinbox img {
display: block;
float: left;
margin-left:4%;
width: 96%;
height: auto;
border-radius: 0.6vw 0.6vw 0 0;
}

.pinimg img {
	border-radius: 0.6vw;
}

.pinbox p {
float:left;
width: 88%;
height: 1.5vw;
margin-left: 4%;
padding: 0 4% 0 4%;
font-size:1vw;
line-height: 1.5vw;
text-align:center;
background-image:linear-gradient(to right,#222 0%,#333 50%,#222 100%);
border-radius: 0 0 0.6vw 0.6vw;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pincolumn {
    float: left;
}

.cam {
width:10%;
height:auto;
float:left;
}

.relativetop {
        position: relative;
        float:left;
}
.relativebottom {
    position: relative;
	float:left;
}
.pinbox b {
	width:96%;
	margin-left:4%;
	color:#fff;
    position: absolute;
    bottom: 0.5vw;
    left: 0.5vw;
    text-shadow:0.2vw 0.2vw 0.4vw #000;
}

.desktop {display:inline;}
.desktoponly {display:inline;}
.mobile {display:none;}

@media screen and (max-width:1024px) {
body {min-width: 300px;	font-size: 3vw;}
.desktop, .desktoponly {display:none;}
.mobile {display:inline;}
h2 {font-size:6vw;line-height:6vw;display:inline-block;margin:0.8vw;}
h2 a {font-size:3.5vw;line-height:4vw;border-radius:2vw;padding:0.8vw;display:inline-block;margin:0.5vw;}
.pinbox p {font-size:3vw; padding: 2vw 1vw; border-radius: 0 0 2vw 2vw;}
.pinbox b {font-size:4vw; left:1vw; bottom: 2vw; text-shadow:1vw 1vw 2vw #000;}
#logo { width:14vw;height:auto;float:left;margin:1vw 1vw 0 1vw;}
h1 {font-size:8vw;line-height:8vw;text-shadow:1vw 1vw 2vw #000;}
#sticky {height:6vw;}
#sticky a,.menu a {margin:1vw 1vw;}
#sticky b,.menu b {font-size:3.5vw;line-height:4vw; text-shadow: 1vw 1vw 2vw #012;}
.material-icons.home {font-size:3.5vw;}
#toptab {right:1vw;}
#toptab a {	padding:0.6vw;margin:0 0.6vw;font-size:3vw;border-radius:0 0 1vw 1vw;}
input {width:13vw;border-radius: 1vw;font-size:2vw;margin:1vw 0 0 0;padding:0.8vw;}
input:focus {width: 13vw;}
.socialnetwork img, button img {width:4vw; height:4vw; margin:1vw;}
.pinbox {margin-bottom:1.5vw;}
}