@charset "utf-8";

body { max-width:960px; min-width: unset; width: 100%; margin-left:auto; margin-right:auto;}

#Header { width: 100%; padding-top: 0; }
#Header h1 { text-align:center; width:100%;}
#Header h1 img { width: 320px; }
#Header #Description { padding-bottom:30px; display:block; width:100%; text-align:center;}

#TopWrap { border: none; position: sticky; z-index: 10000; top: 0; display: block; width: 100%; box-shadow: none; background:unset;}
#TopWrap .wrapper { width: 100%; }
#GlobalNavigation { width: 100%; }
#GlobalNavigation ul.global-menu {padding-left: 0; margin-bottom:20px; background-color: white; text-align:center;}
#GlobalNavigation li { float: none; display: inline-block; }
#GlobalNavigation li a { width: fit-content; padding: 10px; color: black; font-family:unset;}
#SocialLinks { position: absolute; top: 0; color: black; }
#SocialLinks ul li { display: inline-block; float: none; }
#SocialLinks ul li a { color: black; }

.wrap { width: 100%; }
#Information { margin-left: 10px; margin-right: 10px; }
#Information #Information section#News {width: calc( 50% - 10px );float: left;}
#Information section#Blog { width: calc( 50% - 10px ); float: left; }

#About { padding-left: 10px;  padding-right: 10px; }
#About .left { width: calc( 65% - 10px ); }
#About .right { width: calc( 35% - 10px ); }

#Works { padding-left: 10px; padding-right: 10px; }
#WorksWrap { width: 80%; }
#WorksWrap .bx-wrapper { max-width: calc(93% - 0px ) !important; }

#Footer { padding-left: 10px; padding-right: 10px; background: white; }
#Footer .wrapper { width: 100%; }
#Footer p, #Footer p#Copyright, #Footer #FooterNavigator li a { color: black; }
#Footer #FooterNavigator ul { border-left-color: black; }
#TopLink { left: unset; right: 50px; margin-left: unset; }
.content { }