.site-main {
	padding-top:0;
}

.hentry {
	margin-top:30px;
	margin-left:40px;
	margin-right:30px;
	box-shadow:10px 10px 10px #ddd;
	border:0.5px solid #ddd;
		background-color:rgb(255,255,255,90%);

}

.site-footer{
	margin-left:32%;
	width:65.3333%;
	display:none;
}

.site-header {
	text-align:center;
  padding: 0;
	letter-spacing:0.6px;
}
.site-header p.site-title{
	text-align:center;
	letter-spacing:2.0px;
}
.site-header p.site-description{
	text-align:center;
  padding: 0;
	letter-spacing:0.6px;
}

div#sidebar, div.sidebar {
	border:0.5px solid #f1f1f1;
	box-shadow:10px 10px 10px #ddd;
	background-color:rgb(255,255,255,90%);
	margin-top:10px;
	margin-left:5px
}

h1.entry-title {
	display:none;
}

h2.pagetitle {
	position:absolute;
	top:0;
	right:0;
	border-bottom:1px solid #ddd;
	padding:5px;
	text-align:center;
	background-color:#f1f1f1;
	width:150px;
	box-shadow: 2px 2px 2px #ddd;
	border-bottom-left-radius:10px;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1.9px;
}
div.entry-content {
	padding:50px 30px;
}

table {
	border-collapse: none;
	border-spacing: 0;
	border-width: 0px;
	margin: 0;
	margin-bottom: 50px;
	table-layout: fixed;
  width: 100%;
	border:none;
}

td {
	line-height:30px;
}
td.right{
	border:none;
	font-size:15px;
	padding-left:15px;
	border:1px solid #fff;
	letter-spacing:0.5px;
}

td.left {
	padding:0;
	width:50%;
	text-align:center;
	text-transform:uppercase;
	font-weight:400;
	font-size:20px;
	background-color:#fff;
	color:#000;
	border:none;
	transform:rotateX(20deg);

}
td.left a.atdnone{
	text-align:center;
	letter-spacing:2.9px;
	border-bottom:0px;
	cursor:none;
}
.color {
	background-color:#ffffff;
}

.color:hover > td.right {
	background-color:#f1f1f1;
	color:#000;
	text-shadow:10px 10px 10px #fff;
	font-weight:400;
	letter-spacing:0.5px;
}

.color:hover > td.left a {
	color:#fff;
	font-weight:500;
	background-color:#333333;
	padding:1px 18px;
	text-decoration:none;
}

ul#menu-menu {
	text-align:center;
	margin-top:-10px;
}
ul#menu-menu li {
	border:none;
}
ul#menu-menu li a  {
	font-size:16px;
	letter-spacing:1.5px;
}
ul#menu-social-menu, .menu{
	text-align:center;
}

ul#menu-social-menu li {
	width:25%;
	padding:0px 20px
}
ul#menu-menu li a:hover {	
	cursor:nw-resize
}
.iframe{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:400px;
	margin-bottom:20px;
}
.grid-container {
	width:100%;
  display: grid;
  grid-gap: 100px;
	background-color:#f1f1f1;
	padding:15px;
}

.grid-container > div {
	height:200px;
	max-width:100%;
	transition:1s;
}

.grid-container > div:hover {
  height:630px;
	transition:1s;
}
.prog:hover p.proginfo {
display:none;}

.prog1 {
background-image:url(http://www.architettomoccia.it/wp-content/uploads/2018/04/99B10D49-D5E1-42EB-A177-6790CA4DDC36.jpeg);
background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

.prog2 {
background-image:url(http://www.architettomoccia.it/wp-content/uploads/2018/06/B2E79C0E-18AF-4F04-9948-D73D8B430212.jpeg);
background-size:cover;
	background-repeat:no-repeat;
}

.prog3 {
background-image:url(http://www.architettomoccia.it/wp-content/uploads/2018/04/5A113444-6B60-4A6F-A777-917F19B90CFC.png);
background-size:140%;
	background-repeat:no-repeat;
	background-position:center;
}

.prog4 {
background-image:url(http://www.architettomoccia.it/wp-content/uploads/2018/01/dscn2722-2-1.jpg);
	background-repeat:no-repeat;
	background-size:140%;
}
.prog5 {
background-image:url(http://www.architettomoccia.it/wp-content/uploads/2018/01/img_1609-1.jpg);
	background-repeat:no-repeat;
	background-size:100%;
}

.prog6 {
background-image:url(http://www.architettomoccia.it/wp-content/uploads/2018/01/img_0193-1.jpg);
	background-repeat:no-repeat;
	background-size:100%;
}

.prog7 {
background-image:url(http://www.architettomoccia.it/wp-content/uploads/2018/01/img_0509.jpg);
	background-repeat:no-repeat;
	background-size:100%;
}
p.proginfo {
	width:150px;
	text-align:center;
	margin-left:0px;
	margin-right:400px;
	font-size:15px;
	background-color:rgb(255,255,255, 75%);
	z-index:1;
	padding:10px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom-right-radius:40px;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}