@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&family=Work+Sans:wght@700&display=swap');

body{
	margin: 0;	
}
.container{
	/* height: 300vh; */
	padding-left: 1em;
	display: grid;
	grid-template-columns: 1fr 2fr 2fr 1fr;
	grid-gap: 1em;
	/* grid-template-rows: repeat(12,1fr); */
	/* grid-auto-rows: minmax(1fr, auto); */
	margin-bottom: 0;
}

.container > div img{
	max-width: 100%;
}

.container > div{
}

.container > div:nth-child(odd){
}

.box1{
	grid-column: 1/2;
	grid-row: 1/2;
	align-content: center;
	align-items: center;
	align-self: center;
	z-index: 10;
}

.box2{
	grid-column: 2/5;
	grid-row: 1/2;
	align-content: center;
	align-items: center;
	align-self: center;
	z-index: 10;
	padding-left: 1em;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

.box2 h1{
	font-family: 'Work Sans', sans-serif;
	font-size: 40px;
	text-shadow: 2px 2px #fff;
	margin-bottom: 0;
}

.box3{
	grid-column: 1/2;
	grid-row:2/3;
	z-index: 10;
}

.box4{
	grid-column: 2/5;
	grid-row:1/4;
	z-index: 0;
	/*height: 100vh;
	object-fit: :cover*/
}

.box5{
	grid-column: 3/5;
	grid-row: 5/6;
	text-align: center;
	align-content: center;
	align-items: center;
	align-self: center;
	justify-content: center;
	justify-items: center;
	justify-self: center;
	padding-top: 2em;
	padding-left: 2em;
	padding-right: 2em; 
	font-family: 'Roboto', sans-serif;
	font-size: 100%;
	z-index: 10;
	background-color: rgba(255,255,255,1);
}

/*.box6{
	grid-column: 3/5;
	grid-row: 4/6;
	align-content: end;
	align-items: end;
	align-self: end;
}*/

.box7{
	grid-column: 1/2;
	grid-row: 3/4;
	padding-left: 1em;
	padding-right: 1em;
	/*align-content: center;
	align-items: center;
	align-self: center;*/
	text-align: left;
	font-family: 'Roboto', sans-serif;
	border-bottom: 3px solid #ddd;
	z-index: 10;
}

.box7 > h1{
	font-size: 16pt;
	font-weight: bold;
	font-family: 'Work Sans', sans-serif;
}

.box8{
	grid-column: 1/5;
	grid-row:4/6;
	align-content: end;
	align-items: end;
	align-self: end;
	z-index: 0;
}

.box9{
	grid-column: 2/3;
	grid-row: 6/9;
}

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

.training{
	grid-column: 3/5;
	grid-row: 10/11;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	align-content: center;
	align-items: center;
	align-self: center;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	display:inline-flex;
	grid-template-columns: 1fr 1fr 1fr;
	background-color: white;
	z-index: 10;
	height: 100%;
}

.training h1{
	font-size: 150%;
	font-family: 'Work Sans', sans-serif;
}

.training h2{
	font-size: 100%;
}

/*.tb0{
	grid-column: 1/4;
	grid-row: 1/2;
}

.tb1{
	grid-column: 1/2;
	grid-row: 2/3;
	align-content: start;
	align-items: start;
	align-self: start;
	text-align: left;
	border-right: 1px solid #ddd;
	margin-right: 1em;
}

.tb2{
	grid-column: 2/3;
	grid-row: 2/3;
	align-content: start;
	align-items: start;
	align-self: start;
	text-align: left;
}

.tb3{
	grid-column: 3/4;
	grid-row: 2/3;
	align-content: start;
	align-items: start;
	align-self: start;
	text-align: left;
}*/

.training_title{
	margin-right: 1em;
}

.training_times{
	text-align: left;
	width: 100%;
	border-collapse: collapse;
}

.training_times td, table, th{
	height: 33%;
	padding-left: 1em;
	padding-right: 1em;
}

.training_times th{
	border-bottom: 2px solid #bbb;
}

.training_times td, th{
	border-right: 2px solid #bbb;
}

.box11{
	grid-column: 1/2;
	grid-row: 6/7;
}

.box12{
	grid-column: 1/2;
	grid-row: 7/8;
}

.box13{
	grid-column: 1/2;
	grid-row: 8/9;
}

.box14{
	grid-column: 3/5;
	grid-row: 6/9;
}

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

.box15{
	grid-column: 1/5;
	grid-row: 9/11;
	z-index: 0;
}

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

.box_contact{
	grid-column: 2/3;
	grid-row: 11/12;
	z-index: 10;
	background-color: white;
	align-content: start;
	align-items: start;
	align-self: start;
	text-align: left;
	padding-left: 1em;
	font-family: 'Roboto', sans-serif;
	/*height: 75vh;*/
	width: 100%;
}

.box_contact h1{
	font-family: 'Work Sans', sans-serif;
	font-size: 150%;
}

.contact_form input, textarea{
	border: 1px solid #bbb;
	border-radius: 4px;
	box-shadow: 2px 2px #ddd;
	margin-bottom: 1em;
	font-family: 'Roboto', sans-serif;
}

textarea{
	resize: none;
}

.contact_form input:hover, textarea:hover{
	border:1px solid #0000cc;
	box-shadow: 4px 4px #bbb;
}

.socials{
	display: inline-flex;
	grid-row: 12/13;
	grid-column: 2/3;
	margin-top: 0;
	align-content: top;
	align-items: top;
	align-self: top;
	text-align: left;
	justify-content: left;
	justify-items: left;
	justify-self: left;
	font-family: 'Roboto', sans-serif;
}

.socials img{
	height: 100%;
	border: 1px solid #fff;
	box-shadow: 2px 2px #fff;
}

.socials img:hover{
	border: 1px solid #ccc;
	box-shadow: 2px 2px #bbb;
}


.contact_image{
	grid-column: 3/5;
	grid-row: 11/13;
	z-index: 10;
}

.affliates{
	grid-row: 11/13;
	grid-column: 1/2;
}

.affliates img{
	width:100%;
}


.footer{
	grid-row: 13/14;
	grid-column: 2/4;
	z-index: 10;
	display: inline-flex;
	font-family: 'Roboto', sans-serif;
	align-content: center;
	align-items: center;
	align-self: center;
	text-align: center;
	justify-content: center;
	justify-items: center;
	justify-self: center;
	padding-bottom: 0.5em;
}

.footer h1{
	font-family: 'Work Sans', sans-serif;
	font-size: 150%;
	margin: 0;
	margin-left: 0.2em;
	margin-right: 0.2em;
}

.footer_location{
	grid-row: 13/14;
	grid-column: 4/5;
	padding-left: 1em;
	padding-right: 1em;
	/*align-content: center;
	align-items: center;
	align-self: center;*/
	text-align: right;
	font-family: 'Roboto', sans-serif;
	border-bottom: 3px solid #ddd;
	z-index: 10;
}

.footer_location > h1{
	font-size: 16pt;
	font-weight: bold;
	font-family: 'Work Sans', sans-serif;
}

/*.box19{
	grid-column: 1/5;
	grid-row: 14/15;
	height: 20vh;
}*/