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

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800); 
/* font-family: 'Open Sans', 'sans-serif'; */

body{
	background-color:white;
}
#image-grid{
	margin:6px;
}
.custom-col{
	padding:6px;	
	overflow:hidden;
}


html, body {
  
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.center-div
{

	margin: auto;
     width: 1000px; 
}


@media screen and (min-width:600px) {
	.wrapper {
		display: grid;
		grid-template-columns: 1.0fr 1.0fr;
		column-gap: 5%;
		
	}
}

.wrapper {
	max-width: 800px;
	padding: 20px;
	margin: 2em auto;

}



@media screen and (min-width:800px) {
	.wrapper_ip {
		display: grid;
		grid-template-columns: 1.0fr 1.0fr;
		column-gap: 5%;
		
	}
}

.wrapper_ip {
	max-width: 1200px;
	padding: 20px;
	margin: 2em auto;

}



@media screen and (min-width:800px) {
	.wrappermenu {
		display: grid;
		padding: 5px;
		grid-template-columns: 1.2fr 0.6fr 0.6fr 0.6fr 1.0fr 1.0fr 1.0fr;
		column-gap: 4%;
		font-size:medium;
		position: center;
		}
}

.wrappermenu {
	max-width: 800px;
	padding: 20px;
	margin: 2em auto;
	font-size:large;

}


@media screen and (min-width:1200px) {
	.wrappergallery {
		display: grid;
		grid-template-columns: 1.0fr 1.0fr;
		margin: 2em auto;
		
	}
}

.wrappergallery {
	max-width: 1920px;
	
	margin: 2em auto;

}


.wrapperimages  {
	display: grid;
	grid-template-columns: 1.0fr;
	max-width: 600px;
	margin: 2em auto;
	font-size:large;
	position: center;
}

.wrapperservices  {
	display: grid;
	grid-template-columns: 1.0fr;
	max-width: 800px;
	margin: 2em auto;
	font-size:large;
	position: center;
}

.wrapperlogos {
	display: grid;
	grid-template-columns: 1.0fr;
	max-width: 1200px;
	margin: 2em auto;
	font-size:large;
	position: center;
}


.wrappersocialmedia {
	max-width: 800px;
	padding: 20px;
	margin: 2em auto;
}


.left, .right {
  
  margin: 5px;
  max-width: 50%;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.left {
  align-items: center;
  justify-content: center;
}

.profile-picture {
  border-radius: 50%;
}

.biog{
width: 300px;
	
}
table#t01{
        border-collapse: separate;
        border-spacing: 30px; /* Apply cell spacing */
    }

table#t02{
        border-collapse: separate;
        border-spacing: 30px; /* Apply cell spacing */
    }

iframe {
	max-width: 100%;
	aspect-ratio: 16 / 9;
	position: center;
}