html,body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: 'Arial';
font-size: 14px;
background-color: #ffffff;

}

@font-face {
font-family: 'title_font';
src: url(fonts/SaarSPDemo.otf);
}

@font-face {
font-family: 'light';
src: url(fonts/quicksand_light.ttf);
}

header {
width: 100%;
display: block;
padding: 0px 0px 10px 0px;
}

#AA_hamburger_menu {
width: 40px;
height: 40px;
position: relative;
cursor: pointer;
display: none;
}

#AA_hamburger_menu i{
width: 100%;
height: 4px;
background-color: black;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%) rotate(0deg);
transition: all 0.5s;
}

#AA_hamburger_menu:before{
content: '';
width: 100%;
height: 4px;
background-color: black;
position: absolute;
top: 10%;
left: 50%;
transform: translate(-50%);
transition: all 0.5s;
}

#AA_hamburger_menu:after{
content: '';
width: 100%;
height: 4px;
background-color: black;
position: absolute;
bottom: 10%;
left: 50%;
transform: translate(-50%);
transition: all 0.5s;
}


#AA_hamburger_menu.open i {
transform: translate(-50%,-50%) rotate(180deg);
opacity: 0;
}

#AA_hamburger_menu.open:before{
transform: translate(-50%,-50%) rotate(45deg);
top: 50%;
}

#AA_hamburger_menu.open:after{
transform: translate(-50%,-50%) rotate(-45deg);
top: 50%;
}

.AA_header {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}

.AA_logo_text {
color: black;
text-decoration: none;
}

.AA_logo_text h1{
font-family: 'title_font';
font-size: 44px;
text-transform: uppercase;
margin: 10px 0px;
}

.AA_content_width {
width: 1600px;
margin: 0px auto;
}

.AA_ipage_content {
width: 100%;
margin: 0px 0px 0px 0px;
min-height: calc(100% - 130px);
}

.AA_ipage_left_menu {
width: 260px;
}

.AA_floating_menu {
width: 260px;
}

menu {
width: 100%;
text-align: left;
margin: 0px;
padding: 0px;
list-style: none;
font-family: 'light';
font-size: 18px;
}

menu a {
color: black;
text-decoration: none;
display: block;
}

menu a li{
padding: 5px 0px;
margin:2px 0px;
}

.AA_social_menu {
width: 100%;
margin: 20px 0px 10px 0px;
display: flex;
justify-contents: start;
}

.AA_social_menu a {
width: 24px;
height: 24px;
margin: 1px 14px 1px 1px;
}

.AA_social_menu a img{
width: 100%;
height: 100%;
object-fit: contain;
transition: all 0.5s;
filter: grayscale(1);
}

.AA_social_menu a:hover img{
filter: grayscale(0);
}

.AA_ipage_right_content {
width: calc(100% - 300px);
}

.page_content_flex_tile {
display: flex;
justify-content: start;
flex-wrap: wrap;
}

.AA_page_body_flex {
display: flex;
justify-content: space-between;
align-items: start;
}

.pagemaker_text {
margin: 10px 0px;
}

.pagemaker_images {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.pagemaker_images .pagemaker_image {
width: 49%;
height: 250px;
margin: 10px 0px;
cursor: pointer;
}

.pagemaker_images .pagemaker_image img {
width: 100%;
height: 100%;
object-fit: cover;
}

.pagemaker_video {
margin: 10px 0px;
}

.index_tile {
width: 200px; 
height: 200px; 
margin: 3px;
position: relative;
cursor: pointer;
text-decoration: none;
display: block;
}

.index_tile img {
width: 100%;
height: 100%;
object-fit: cover;
}

.index_tile_name {
position: absolute;
bottom: 10px;
left: 10px;
width: calc(100% - 20px);
color: white;
}

.index_tile_bg {
width: 100%;
height: 100%;
}

.tindex_tile_cat {
position: absolute;
top: 10px;
right: 10px;
background-color: white;
color: #979797;
padding: 2px 10px 3px 10px;
border-radius: 4px;
}

.publ_site_back_btn {
text-decoration: none;
display: block;
padding: 5px 5px 5px 30px;
position: relative;
color: black;
text-align: left;
text-decoration: none;
font-size: 16px;
background: url(/img/back.svg) center left/auto 20px no-repeat;
}

footer {
width: 100%;
text-align: center;
}

.al_copy {
padding: 5px;
color: lightgray;
}