html{scroll-behavior:smooth; }
body {font-family: 'Montserrat', sans-serif;color: #002145;font-size: 15px;line-height: 1.3;background: #fff;padding:0; letter-spacing: 0.5px;  margin:0;}
.transition, .transition:hover { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
header {width: 100%;/* height: 70px; */ margin: 0 auto;position: fixed;top: 0;z-index: 1000;background: #fff;overflow: hidden;text-align: center;z-index: 100000;display: flex; justify-content: center;} 
#menu_mobile, .menu_btn { display:none;}
#logo img { max-width:180px; max-height: 60px; margin-right: 25px !important; line-height:1px;}
/* .menu {width: 1140px; display: flex;align-content: center;align-items: center;justify-content: space-between;}  */
header ul { position: relative; display:inline-block; list-style: none; margin:0; padding:0;}
header ul li { display:inline-flex; list-style: none; align-items:center; align-content:center; border-right: 1px solid #ebebeb; padding: 5px 0;}
header ul li:last-child { border-right: 0;}
header li a { text-decoration:none; opacity: 1;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;color: #212121;font-weight: 700;font-size: 14px;margin: 0 13px;}
header li a:hover { color: #885f2f;}

header #aula_virtual .aula {color: #212121;font-size: .875rem;font-weight: bold; line-heigth:28px; background: #fff;padding: 10px 25px;border-radius: 5px;position: relative;margin-left: 20px; text-decoration: none; border:1px solid #e5e5e5; transition: 0.5s; }
header #aula_virtual .aula:hover { border:2px solid #212121;padding: 9px 24px;}
#menu_mobile { height: 100%;position: fixed;right: 0;top: 60px;z-index: 10000;display: grid;align-items: flex-start;justify-items: left;padding-right: 0;background: #fff; }
#menu_mobile ul { margin:0; padding:50px 25px 0; }
#menu_mobile li { list-style: none; }
#menu_mobile li a { font-family: 'Montserrat', sans-serif;text-decoration:none; opacity: 1;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;color: #212121;font-weight: 700;font-size:15px; margin:10px 0; display:block;}
#menu_mobile li a:hover {color:#885f2f; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.menu_btn {width: 28px;display: none;border: 0;cursor: pointer;padding: 0;background: none;}
.menu_btn span {width: 28px;height: 4px;background: #212121; display: block;border-radius: 3px; margin:4px 0;}
.menu_btn:hover { opacity:.8;}
#close_menu { font-family: 'Roboto', sans-serif; display: none; color:#f5f9e7; font-size: 30px; position: absolute; top:5px; right:20px; padding:20px 5px; z-index:2000; background:#fff; text-decoration:none; display:none; }
.menu_btn.active #close_menu { display: block; }
.menu_btn.active span { display: none; }
#menu_mobile.active { right: 0; }
#menu_mobile { color:#fedb33 !important; }

#hero { height: 100vh;position: relative;overflow: hidden;display: grid;align-content: center;justify-content: center;}
.os-android #hero { height: calc(100vh - 116px); }
#hero .bg {width: 100%;height: 100%;position: absolute;background: url('../images/bg_hero.jpg') no-repeat;background-size: cover;animation: hero 30s linear infinite alternate running;}
@-webkit-keyframes hero { 0% { transform: scale(1.0); } 100% { transform: scale(1.5); } 0% { transform: scale(1.0); }}
#hero .txt { z-index: 1000; text-align: center; padding: 0 30px;}
#hero .txt h1 {font-size: 64px;color: #fff;margin-bottom: 10px;}
#hero .txt p { font-size: 24px; color: #fff; text-align: center; margin-bottom: 50px; }
.btn { margin: 0; overflow: visible; text-transform: none;-webkit-appearance: none; padding: 7px 25px;vertical-align: middle;font-size: 15px;line-height: 32px; font-weight:600;text-align: center;text-decoration: none;color:#212121; transition: 0.5s;border-radius: 3px; border:1px solid transparent;background:rgb(234, 208, 179); }
.btn:hover { background-color: #d8b991; border:2px solid #d8b991;transition: 0.3s;}

@media (min-width: 1200px) {
    .menu { width: 78.7%; padding-top: 18px;padding-bottom: 18px;display: flex;position: relative; align-content: center;align-items: center;justify-content: space-between;}
    .menu .nav { display: flex; align-items: center;}
}

@media screen and (max-width: 1200px) {
    header #menu-nav, #aula_virtual {display: none;}
	#logo img { margin-left:18px; }
    .menu_btn {display: block; position: absolute;right: 20px;z-index: 2000;top: 25px;}
    .menu { max-width: 92%;  padding-top: 8px;padding-bottom:5px;}
	header { justify-content: flex-start;} 
}

@media screen and (min-width: 1199px) {
	#close_menu, #menu_mobile { display:none !important; }
}

@media screen and (max-width: 992px) {
    .menu { padding-top: 14px;padding-bottom:8px; margin-left: 20px;}
	#logo img { max-width: 110px; max-height:50px; margin-left:0;}
}

@media screen and (max-width: 768px) {
	#hero .txt h1 { font-size: 40px; line-height: 42px; margin-bottom: 10px; }
	#hero .txt p { font-size: 20px; margin-bottom: 30px; }
	#hero .btn { font-size: 15px;  }
}

	
@media screen and (max-width:540px) {
	#logo img { max-width: 110px; max-height:50px; }
	#hero .txt h1 { font-size: 32px; line-height: 36px;  margin-bottom: 10px; }
	#hero .txt p { font-size: 15px; color:#fff; text-align: center; margin-bottom: 50px; }
}