@charset "utf-8";
/* CSS Document */
h1{font-family: 'Cinzel', serif; color:#bc9b5d}			
h3{font-family: 'Cinzel', serif; padding: 35px 0; color:#bc9b5d}			
h1 span{display:block; font-size: 16px; letter-spacing: .1rem; color: #666 }
h5 span{display: block; font-size: 20px}

section {
 min-height:100vh; 
}
.social_tab{z-index:2000; position: fixed; top:10vh; left:0px;  background: rgba(255,255,255,.95); border-radius: 0 6px 6px 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(102,102,102,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(102,102,102,1);
box-shadow: 0px 0px 5px 0px rgba(102,102,102,1); }
.social_tab i{display: block; clear: both; text-align: center; padding: 10px}
.social_tab i img{max-height: 20px; }

#logo_header{ width: 350px; margin: 10px auto; margin-bottom: 25px}
.hero{background: url("img/slide(20).JPG") no-repeat center; background-attachment: fixed; background-size:cover; height: 50vh }
.nav{background:#fcf8ed; padding:0; }
nav{margin: 0px auto}
nav ul{list-style: none; margin-bottom: 0;height: auto; padding: 10px}
nav ul li{display: inline-block; margin:3px; display: inline-table}
nav ul li a{padding:15px; text-decoration: none; color:#bc9b5d }
nav ul li a:hover{background:#bc9b5d; color: #fff; text-decoration: none }
nav ul li.cursos a{margin-left: 65px;background-color:#bc9b5d; color:#fff;}
nav ul li.cursos a:hover{padding:15px; text-decoration: none; background-color:#000; color:#bc9b5d }

#about{margin-top:35px}
#pic_about {    background: url(img/pic_about.jpg) no-repeat right bottom;
    background-size: cover;}
#pic_about img{width: 100%; margin-top:15px; display: none}

#pic_awards {    background: url("img/slide(1).jpg") no-repeat right bottom;
    background-size: cover;}
#pic_awards img{width: 100%; margin-top:15px; display: none}
#portfolio{margin-top: 45px}
#portfolio h1{margin-bottom: 35px}

footer{text-align: center; background-color:#bc9b5d  }
footer h3{color:#fff; margin-bottom:10px; padding-bottom: 0px }
footer h3 span{display:block; font-size: 16px; color:#000; }
footer a{color: #fff; margin-bottom:60px; display: inline-block; }
footer a:hover{color:#000}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}


@media (max-width: 480px) {
	.hero{background: url("img/slide(20).JPG") no-repeat center; background-attachment:inherit;  background-size: 150%;
    height: 30vh; }
	h1{font-size: 1.8rem}
	#pic_about img{display: block}
	#pic_awards img{display: block}
	.social_tab{position: absolute; top:15px; left:0; right: 0; text-align: right; background:transparent}
	.social_tab i{display: inline-block; margin:3px; }
}