#main > section{padding: 20px 0}

/* Desktop */
@media only screen and (min-width: 768px) {
	.pin-main{padding: 0px !important;}
}
/* Pin related */
.pin{
	max-width:230px;
	max-height:230px;
	min-width: 230px;
	min-height: 230px;
	z-index:1;
	margin-top:-18px;
}
.name{
	text-align:center;
	margin-bottom:0;
	margin-top: -12px;
	z-index: 0;
	font-size:21px;
	font-weight:bold;
	line-height:30px;
	background-color:#f5f5f5;
	border:1px solid #ddd;
	color:#9da0a4;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
			border-radius:4px;
}

/* CSS from older bootstrap versions */
.well{
	display:inline-grid;
	margin:10px;
	max-width:270px;
	min-width:270px;
	max-height:317px;
	min-height:317px;
	position:relative;
	border:1px solid #dcdcdc;
	border-radius:4px;
	padding:39px 19px 14px;
	*padding-top:19px;	
	background-color:#f5f5f5;
	background-image:-webkit-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%);
	background-image:-o-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e8e8e8), to(#f5f5f5));
	background-image:linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
	background-repeat:repeat-x;
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1)
}
.well::after{
	content: attr(data-pinid);
	position:absolute;
	top:-1px;
	left:-1px;
	padding:3px 7px;
	font-size:21px;
	font-weight:bold;
	line-height:25px;
	background-color:#f5f5f5;
	border:1px solid #ddd;
	color:#9da0a4;
	z-index: 2;
	-webkit-border-radius:4px 0 4px 0;
	   -moz-border-radius:4px 0 4px 0;
			border-radius:4px 0 4px 0;
}
.btn-primary:hover,
.btn-primary:focus {
	background-position: 0 -10px;
}
.btn-primary{
	background-image:-webkit-linear-gradient(top, #337ab7 0, #265a88 100%);
	background-image:-o-linear-gradient(top, #337ab7 0, #265a88 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#265a88));
	background-image:linear-gradient(to bottom, #337ab7 0, #265a88 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat:repeat-x;
	border-color:#245580
}
.btn-primary:hover,
.btn-primary:focus{
	background-color:#265a88;
	background-position:0 -15px
}
.btn-primary:active,
.btn-primary.active{
	background-color:#265a88;
	border-color:#245580
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active{
	background-color:#265a88;
	background-image:none
}
.btn-warning {
	background-image:-webkit-linear-gradient(top, #f0ad4e 0, #eb9316 100%);
	background-image:-o-linear-gradient(top, #f0ad4e 0, #eb9316 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f0ad4e), to(#eb9316));
	background-image:linear-gradient(to bottom, #f0ad4e 0, #eb9316 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat:repeat-x;
	border-color:#e38d13;
	color: #fff;
}
.btn-warning:hover,
.btn-warning:focus {
	background-color:#eb9316;
	background-position:0 -15px
}
.btn-warning:active,
.btn-warning.active {
	background-color:#eb9316;
	border-color:#e38d13
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
	background-color:#eb9316;
	background-image:none
}
.btn-danger {
	background-image:-webkit-linear-gradient(top, #d9534f 0, #c12e2a 100%);
	background-image:-o-linear-gradient(top, #d9534f 0, #c12e2a 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #d9534f), to(#c12e2a));
	background-image:linear-gradient(to bottom, #d9534f 0, #c12e2a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat:repeat-x;
	border-color:#b92c28
}
.btn-danger:hover,
.btn-danger:focus {
	background-color:#c12e2a;
	background-position:0 -15px
}
.btn-danger:active,
.btn-danger.active {
	background-color:#c12e2a;
	border-color:#b92c28
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
	background-color:#c12e2a;
	background-image:none
}
/* Mobile */
@media only screen and (max-width: 600px) {
    .pin-main{
		padding:75px 0 0 !important;
	}
	.well {
		margin: 0px;
		max-width: 200px;
		min-width: 200px;
		max-height: 260px;
		min-height: 260px;
	}
	.pin {
		max-width: 180px;
		max-height: 180px;
		min-width: 180px;
		min-height: 180px;
		margin-top: -34px;
	}
	.name {
		margin-bottom: 0px;
		margin-top: 0px;
		font-size: 16px;
		margin: 0px;
		padding: 0px;
		left: auto;
		position: relative;
		max-width: 83%;
		right: auto;
	}
	.well::after {
		font-size: 14px;
		background-color: #f5f5f5e6;
	}
}