.centered-image {
	width: 90%; /* Adjust based on your needs */
	max-width: 650px; /* Prevent the image from being too large on big screens */
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  

  .button-social img {
	width : 65px;
	margin-right: 10px;

  }

  .button-social {
    position: absolute;
    z-index: 40000 !important;
    bottom: 20px;
	left: 50%;
	transform: translate(-50%, -50%);
 }

  .topleft{
	  max-width: 250px;
	  }
  
  /* Media queries for different screen sizes */
  @media (max-width: 768px) {
  
	.button-social img {
		width : 55px;
	  }

	  .topleft{
	  max-width: 250px;
	  }
  
	.centered-image {
	  max-width: 500px; /* Smaller size for smaller screens */
	}
  }
  
  @media (max-width: 480px) {

	.button-social img {
		width : 45px;
	  }
  
	  .topleft{
	  max-width: 200px;
	  text-align : center;
	  margin : 0 auto;
	  }
  
	.centered-image {
	  max-width: 400px; /* Even smaller size for mobile screens */
	}
  }
  

  
  
	  /* General Demo Style */
  
  @font-face {
	  font-family: 'fontawesome';
	  src:url('../fonts/fontawesome.eot');
	  src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
		  url('../fonts/fontawesome.svg#fontawesome') format('svg'),
		  url('../fonts/fontawesome.woff') format('woff'),
		  url('../fonts/fontawesome.ttf') format('truetype');
	  font-weight: normal;
	  font-style: normal;
  }
  
  body, html { 
	height : 100%;
	padding: 0; margin: 0;
	/*outline: 15px solid #FDF4CB;
	outline-offset: -15px;*/
}


 
  /* Reset */
  *,
  *:after,
  *:before {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
  }
  
  /* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
  .clearfix:before,
  .clearfix:after {
	  content: " ";
	  display: table;
  }
  
  .clearfix:after {
	  clear: both;
  }
  
  body {
	  font-family: 'Lato', Calibri, Arial, sans-serif;
	  color: #47a3da;
  
  }
  
  a {
	  color: #f0f0f0;
	  text-decoration: none;
  }
  
  a:hover {
	  color: #000;
  }
  
  .main,
  .container > header {
	  width: 90%;
	  max-width: 69em;
	  margin: 0 auto;
	  padding: 0 1.875em 3.125em 1.875em;
  }
  
  .container > header {
	  padding: 2.875em 1.875em 1.875em;
  }
  
  .container > header h1 {
	  font-size: 2.125em;
	  line-height: 1.3;
	  margin: 0;
	  float: left;
	  font-weight: 400;
  }
  
  .container > header span {
	  display: block;
	  font-weight: 700;
	  text-transform: uppercase;
	  letter-spacing: 0.5em;
	  padding: 0 0 0.6em 0.1em;
  }
  
  .container > header nav {
	  float: right;
  }
  
  .container > header nav a {
	  display: block;
	  float: left;
	  position: relative;
	  width: 2.5em;
	  height: 2.5em;
	  background: #fff;
	  border-radius: 50%;
	  color: transparent;
	  margin: 0 0.1em;
	  border: 4px solid #47a3da;
	  text-indent: -8000px;
  }
  
  .container > header nav a:after {
	  content: attr(data-info);
	  color: #47a3da;
	  position: absolute;
	  width: 600%;
	  top: 120%;
	  text-align: right;
	  right: 0;
	  opacity: 0;
	  pointer-events: none;
  }
  
  .container > header nav a:hover:after {
	  opacity: 1;
  }
  
  .container > header nav a:hover {
	  background: #47a3da;
  }
  
  .icon-drop:before, 
  .icon-arrow-left:before {
	  font-family: 'fontawesome';
	  position: absolute;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  speak: none;
	  font-style: normal;
	  font-weight: normal;
	  line-height: 2;
	  text-align: center;
	  color: #47a3da;
	  -webkit-font-smoothing: antialiased;
	  text-indent: 8000px;
	  padding-left: 8px;
  }
  
  .container > header nav a:hover:before {
	  color: #fff;
  }
  
  .icon-drop:before {
	  content: "\e000";
  }
  
  .icon-arrow-left:before {
	  content: "\f060";
  }
  
  @font-face {
	  font-family: 'entypo';
	  src:url('../fonts/controls/entypo.eot');
	  src:url('../fonts/controls/entypo.eot?#iefix') format('embedded-opentype'),
		  url('../fonts/controls/entypo.woff') format('woff'),
		  url('../fonts/controls/entypo.ttf') format('truetype'),
		  url('../fonts/controls/entypo.svg#entypo') format('svg');
	  font-weight: normal;
	  font-style: normal;
  }
  
  .cbp-bislideshow {
	  list-style: none;
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: -1;
	  padding: 0;
	  margin: 0;
  }
  
  .cbp-bislideshow li {
	  position: absolute;
	  width: 101%;
	  height: 101%;
	  top: -0.5%;
	  left: -0.5%;
	  opacity: 0;
	  -webkit-transition: opacity 1s;
	  -moz-transition: opacity 1s;
	  transition: opacity 1s;
  }
  
  /* If background-size supported we'll add the images to the background of the li */
  
  .backgroundsize .cbp-bislideshow li {
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  background-size: cover;
	  background-position: center center;
  }
  
  /* ...and hide the images */
  .backgroundsize .cbp-bislideshow li img {
	  display: none;
  }
  
  .cbp-bislideshow li img {
	  display: block;
	  width: 100%;
  }
  
  .cbp-bicontrols {
	  position: fixed;
	  width: 300px;
	  height: 100px;
	  margin: -50px 0 0 -150px;
	  top: 50%;
	  left: 50%;
  }
  
  .cbp-bicontrols span {
	  float: left;
	  width: 100px;
	  height: 100px;
	  position: relative;
	  cursor: pointer;
  }
  
  .cbp-bicontrols span:before {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  text-align: center;
	  font-family: 'entypo';
	  speak: none;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 100px;
	  font-size: 80px;
	  color: #fff;
	  -webkit-font-smoothing: antialiased;
	  opacity: 0.7;
  }
  
  .cbp-bicontrols span:hover:before {
	  opacity: 1;
  }
  
  .cbp-bicontrols span:active:before {
	  top: 2px;
  }
  
  span.cbp-biplay:before {
	  content: "\e002";
  }
  
  span.cbp-bipause:before {
	  content: "\e003";
  }
  
  span.cbp-binext:before {
	  content: "\e000";
  }
  
  span.cbp-biprev:before {
	  content: "\e001";
  }
  
  .cbp-bicontrols span.cbp-binext {
	  float: right;
  }
  
  /* Fallback */
  
  .no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	  opacity: 1;
  }
  
  .no-js.backgroundsize .cbp-bislideshow li:first-child img {
	  display: block;
  }