@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body { font-family: Poppins; font-weight: 400; color: #333; overflow-y:Scroll; }
#menu { background: #fff; color: #333; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; height: 135px; }
#menu .balk { background: #333; color: #fff; padding: 10px 0;}
#menu .balk span { padding: 0 10px; font-size: 14px; font-weight: 200; }
#menu .balk span i { padding-right: 5px; }
#menu .balk .seperator { display:inline-block; color: #717171; }
#menu ul.menu { list-style: none; margin-top: 11px; display: inline-block; height: 120px;}
#menu ul.menu li { float: left; padding: 10px;  }
#menu ul.menu li a { display:inline-block; color: #333; font-weight: 600; text-decoration: none; padding: 10px; border-bottom: 4px solid #ffffff; transition: .4s; text-transform: uppercase; height: 65px; margin-top: 5px;}
#menu ul.menu li a:hover { border-bottom: 4px solid #3a72ff; transition: .4s;}
#menu ul.menu li.se a:hover { border-bottom: 4px solid #3a72ff; transition: .4s;}
#menu ul.socials { list-style: none; margin-top: 11px; }
#menu ul.socials li { float: left; padding: 5px; }
#menu ul.socials li a { color: #fff; transition: .4s; }
#menu ul.socials li a:hover img { opacity: .7; transition: .4s; }
#menu .brand { padding: 10px; height: 90px; }

#header img { width: 100%; height: 800px; object-fit: cover; }
#header h5 { font-weight: 800; font-size: 50px; text-shadow: 2px 2px 5px #333;}

#headersmall img { width: 100%; height: 500px; object-fit: cover; }

#intro { padding: 50px 0; text-align: left; color: #222;}
#intro h1 { font-weight: 800; }
#intro p { font-size: 16px; line-height: 30px; font-weight: 400; }
#intro address { font-size: 16px; line-height: 30px; font-weight: 400; }
#intro address span { display: inline-block; width: 30px; }
#page { margin-top: 50px; }
#page p { font-size: 16px; line-height: 30px; }

#footer { padding: 50px; background: #333; color: #fff; margin-top: 50px; }
#footer .logo { padding: 20px; }
#footer a { color: #fff; }
#footer ul.footermenu { list-style: none; margin-top: 2px; display: inline-block;  }
#footer ul.footermenu li { display: inline-block; padding: 5px; } 
#footer ul.footermenu li a { display: inline-block; color: #FFF; font-weight: 600; text-decoration: none; padding: 10px; transition: .4s; }
#footer ul.footermenu li a:hover { color: #3a72ff; }
    
#fotos .foto { width: 200px; height: 200px; margin-bottom: 20px; object-fit: cover; }

@media (max-width: 992px) {
body { overflow-y: none !important; }
#menu .balk span {font-size: 12px; padding: 0; text-decoration: none; }
#menu .balk span a { font-size: 12px; padding: 0; text-decoration: none;}
#menu ul.menu { display: none; position: absolute; top: 0px; left:0px; height: 100vh; width: 100%; background: rgba(0,0,0,.9); z-index: 9999; padding: 50px 0 0 0 ; margin: 0; }
#menu ul.menu.show { display: block; !important}
#menu ul.menu li { display: block; width: 100%; text-align: center; }
#menu ul.menu li a { border: 0; font-size: 22px; color: #fff; }
#menu .brand { padding: 10px; height: 70px; }
#header img { width: 100%; height: 400px; object-fit: cover; }
#intro { padding: 70px 0 10px 0; text-align: center; }
#footer { padding: 50px 0; }
#fotos .foto { width: 170px; height: 170px; margin-bottom: 20px; object-fit: cover; }
}