@charset "utf-8";
/* CSS Document */

#info{

  position: relative;
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;

}

#info h1{
  color: var(--header_color);
}

#ag_header_wrapper{ 
  background-color: var(--header_color);
  width: 100%;
  min-height: 100px;
  z-index: 100;
  display: flex;
  box-shadow: 0px -7px 17px #000;
}

#ag_header_inner{

  width: 80%;

  margin: auto;

  display: flex;

  justify-content:space-between;

  align-items: center;

}

#ag_header_logo{

  flex-grow: 1;

}

#ag_main_menu{

  flex-grow: 9;

}

#ag_socials_wrapper{

  background-color: var(--header_color);

  height: 35px;

  display: flex;

  justify-content: center;

  align-content: center;

}

#ag_socials_inner{

  width: 80%;

  margin: auto;

  display: flex;

  justify-content: flex-end;

  align-content: center;

  height: 25px;

}

#ag_socials_container{

  height: 25px;

  display: flex;

  flex-direction: row;

  justify-content: end;

}

#ag_under_header{

  background-color: var(--header_color);

}

#agatsu_home_logo_wrapper{

  width: 100%;

  padding: 0 70px;

  display: flex;

  align-items:center;

  justify-content: center;

  margin: 70px 0;

}

#agatsu_home_logo_inner img{

  width: 100%;

  height: auto;

}

#agatsu_home_intro_wrapper{

  display: flex;

  justify-content: center;

  background-image:	url("../images/left_branch.svg"), url("../images/right_branch.svg");

	background-position: left 0px top 45%, right -100px top 20%;

	background-repeat:no-repeat;

	background-size: 31%,	20%;

  padding: 20px 0 40px 0;

}



#agatsu_home_intro_inner{

  width: 54%;

  position: relative;

  left: 10%;

}

@media screen and (max-width: 600px) {

  #agatsu_home_intro_wrapper{

    background:none;

    padding: 0;

  }

  #agatsu_home_intro_inner{

    width: 80%;

    position:inherit;

  }

}



.ag_slider_wrapper{

  width: 100%;

  margin: 0;

  padding: 0;

}

.ag_slider_inner{

  width: 100%;

  margin: 0;

  padding: 0;

}
#ag_component_wrapper{
	padding-top: 20px;
	
}
#ag_content_wrapper {

  z-index: 99;

  width: 100%;

  position: relative;

	margin-bottom:30px;

	background-image:

	url("../images/left_branch.svg"),

	url("../images/right_branch.svg"),

	url("../../../images/grafika/cloud_medium.png");

	background-position:

	left -150px top 45%,

	right -100px top 70%,

	left -150px bottom 5%;

	background-repeat:no-repeat;

	background-size:

	15%,

	20%,

	auto;

}

#ag_content_inner{

  width: 80%;

  margin: auto;

  position:relative;

}

#ag_fuji{

  width: 100%;

  position:relative;

	background-image:
  url("../images/fuji_2023.svg"),
  url("../images/the_sun.svg"),
  url("../../../images/grafika/cloud_small.png");
	background-repeat:
        no-repeat, 
        no-repeat, 
        no-repeat;
	background-position: 
        left 10% bottom, 
        left 70% top, 
        right 10% top 30%;

	min-height:260px;

  clear: both;

}

#ag_wybrzeze {

  background-color: var(--footer_color);

	text-align:center;

	height:20px;

  width: 100%;

  position: relative;

  clear: both;

}

#ag_plaza {

	height:20px;

  background-color: var(--footer_color);

  width: 100%;

  position: relative;

}



#ag_footer {

	padding-top:30px;

  background-color: var(--footer_color);

	background-repeat:repeat-x;

	background-position:bottom;

	min-height:320px;

  clear: both;

}

#ag_footer_inner{

  width: 80%;

  margin: auto;

  display: flex;

  justify-content: space-between;

  color: var(--font_color);

}

#ag_footer_menu .nav{

  list-style-type: none;

  padding-left: 0;

  line-height: 1.5em;

  text-align: right;

}

#ag_footer_pukt{

  text-align: center;

}

#ag_footer_copy{

    background-color: var(--footer_color);

}

#ag_footer_copy_inner{

  width: 80%;

  margin: auto;

  display: flex;

  justify-content: space-between;

}

#copy_info{

  text-align: left;

}

#made_by{

  text-align: right;

}



@media screen and (max-width: 600px) {

  #ag_header_wrapper{

    display: none;

  }

  #ag_header_logo_inner{

    margin: 20px auto 20px auto;

  }

	#ag_main_menu .nav {

		flex-direction: column;

		justify-content: center;

	}

  #ag_left_column{

    width: 100%;

  }

  #ag_footer_inner{

    flex-direction: column;

    justify-content: center;

  }

  #ag_footer_address, #ag_footer_pukt, #ag_footer_menu{

    width: 100%;

  }

  #ag_footer_address p, #ag_footer_address h2{

    text-align: center;

  }

  #ag_footer_menu .nav-item {

    text-align: center;

  }

}



@media screen and (max-width: 900px) {

  #ag_footer_address, #ag_footer_menu{

    width: 100%;

  }

}





@media screen and (max-width: 1200px) {

  #ag_header_logo_inner{

    display: none;

  }

  #ag_under_header{

    display: none;

  }

	#ag_header_inner{

		flex-direction: column;

		justify-content: center;

	}

	#ag_main_menu{

		justify-content: center;

	}

  #ag_header_logo{

    text-align: center;

  }

  #ag_header_logo_img{

    width: 100%;

    height: auto;

    transition: 0.2s;

  }

}



@media screen and (min-width: 1201px) {

  #ag_under_header{

    display: block;

    position: relative;

    height: 100px;

  }

  #ag_header_wrapper{

    position: fixed;

    top: 0px;

    transition: 0.2s;

  }

  #ag_header_logo_img{

    width: 80%;

    height: auto;

    transition: 0.2s;

  }

  #ag_footer_address, #ag_footer_pukt, #ag_footer_menu{

    width: 33%;

  }

}