body{
	margin-left:40px;
	margin-right: 40px;
}

h1 {
	color:#333;
	font-family: "Gill Sans", "Gill Sans MT", "Helvetica", "Arial", "sans-serif", "Lato", "Ubuntu", "ABeeZee", "Roboto", "Molego", "Raleway";
	margin-bottom: 0;
	margin-top: 30px;
	text-align: center;
}

h2,h3,h4,h5, h6, h7,h8, h9 {
	color: dimgray;	
	font-family: "Gill Sans", "Gill Sans MT", "Helvetica", "Arial", "sans-serif", "Lato", "Ubuntu", "ABeeZee", "Roboto", "Molego", "Raleway";
	margin-bottom: 0;
	padding: 0 170px 20px 170px;
	margin-top: 30px;
	text-align: center;
}

p{
	padding: 0 200px 20px 200px;
	text-align: justify;
	font-size: 16px;
	font-family: "Gill Sans", "Gill Sans MT", "Helvetica", "Arial", "sans-serif", "Lato", "Ubuntu", "ABeeZee", "Roboto", "Molego", "Raleway";
}

table{
	padding: 0 200px 20px 200px;
	text-align: justify;
	font-family: "Gill Sans", "Gill Sans MT", "Helvetica", "Arial", "sans-serif", "Lato", "Ubuntu", "ABeeZee", "Roboto", "Molego", "Raleway";
	font-size: 14px;
}

ul {
	list-style: circle;
	text-align: justify;
	font-family: "Gill Sans", "Gill Sans MT", "Helvetica", "Arial", "sans-serif", "Lato", "Ubuntu", "ABeeZee", "Roboto", "Molego", "Raleway";
	font-size: 18px;
	
}

hr{
	background:#36F;
	width: 100%;
	text-align:center;
	height: 2px;
	font-family: "Lato", "Ubuntu", "ABeeZee", "Roboto", "Molego", "Raleway";
}


footer{
	text-align:center;
	font-size: 10px;
	margin-bottom: 30px;
	font-family: "Lato", "Ubuntu", "ABeeZee", "Roboto", "Molego", "Raleway";
}

#parc {
	padding: 0 170px 20px 170px;
}

.scrollToTop{   
    position:fixed;
    top:85%; 
    right:5%;
    display:none;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:80%;
    width:100%;
    position:absolute;
}

iframe{
	text-align:center;
}

.project {
    margin-bottom: 30px;
    vertical-align: top;
    margin-right: 30px;
    float: left;
    cursor: pointer;
    width:100%;
}

.project figure {
    position: relative;
    display: inline-block;
}

.project figure img {
    width: 100%;
}

.project figure:hover figcaption {
    background:dimgray;
}
.project figure:hover figcaption .project-details {
    color: #fff;
}

.project figure:hover .actions {
    background-color: dimgray;
    top: 0%;
    font-size:2.3em;
    font-weight:700;
    padding-top:10%;
}

.project figure .actions {
    display: table-cell;
    position: absolute;
    bottom: 0px;
    top: 50%;
    left:0;
    right:0;
    z-index: 1;
    opacity: 1;
    background-color: rgba(29,29,29,.5);
    -ms-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    color:#fff;
    font-size:2em;
    padding:2%;
    font-weight:400;
    text-align:center;
    vertical-align: middle;
}

@media (min-width: 992px) {
    .project figure .actions {
    top: 60%;
    left:0;
    right:0;
    font-size:1.5em;
    padding:2%;
}
.project figure:hover .actions {
    top: 0%;
    font-size:2em;
    padding-top:20%;
}
}

@media (min-width: 1200px) {
	.project figure .actions {
		top: 65%;
		left:0;
		right:0;
		font-size:1.1em;
		padding:2%;
		font-weight:400;
	}
	.project figure:hover .actions {
		top: 0%;
		font-size:1.5em;
		padding-top:25%;
	}
}


.red{
    color:red;
    }
.form-area{
    background-color: #FAFAFA;
}


.panel-default{
    text-align:center;
    cursor:pointer;
    font-family: 'Raleway',sans-serif;
}
.panel-default > .panel-footer {
    color: #fff;
    background-color: #BDCDFE;    
    display:none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}
.panel-default i{
    font-size: 5em;
    }

.fa {
  padding: 11px;
  font-size: 900px;
  width: 30px;
  height: 30px;
  text-align: center;
  text-decoration: none;
  margin: 2px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}