@charset "UTF-8";
/* CSS Document */
/* --------- overall --------- */
body, html{
	height: 100%;
}

* {
  box-sizing: border-box;
}

p{
	margin-left: 10px;
}

h3{width: fit-content;text-align: center;}

img{
  	border: 1px solid #ddd; 
  	border-radius: 4px;  
  	padding: 5px;
  	width: 150px; 
}

@media screen and (max-width: 800px){
  	img{
    	padding: 2px;
  	}
}


/* --------- /overall --------- */

/* --------- main section --------- */
.title{
	font-size: 25px;
	margin-bottom: 5px;
}

#sec1{
	padding: 15px; 
	background-color: white;
}

@media screen and (max-width: 600px){
  	#sec1{
    	padding: 3px;
  	}
}

.kao-events-container{display: flex;align-items: center;justify-content: center;}

.secname{text-transform:uppercase;}

.secname, .heading{text-align: center;}

.secname p, .heading p{font-weight: normal;font-family: 'Roboto Condensed', sans-serif;}
.secname p{font-size: 24px;color: #7069B1;margin: 20px 2px 0px;}
.heading p{font-size: 16px;color: #343434;margin: 8px 0}

.secnamespace{margin: 72px 0 16px 0;}
.headingspace{margin-top: 48px;}

.kao-events-row, .kao-events-row2{display: flex;flex-wrap:nowrap;margin: 0 64px;}

.kao-events-row1{display: flex;flex-wrap:nowrap;margin: 0 20vw;}

.kao-events-column, .kao-events-column1{flex: 20%;max-width: 20%;padding: 0 6px;transition:ease 0.8;}
.kao-events-column2{flex: 33.33%;max-width: 33.33%;padding: 0 6px;transition: ease 0.8;}

.kao-events-images{width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}

.hairshow-bts{height: 16vw;}

.hairshow-actual, .kerasilk-actual1, .lasalle-actual, .newance-actual, .productdisplay{height: 28vw;}

.kerasilk-actual{height: 20vw;}

.hairshow-bts-image1{background-image: url("../images/internship/Events/HairShow2023/PreparationDays/PreparationDays2.png");}
.hairshow-bts-image2{background-image: url("../images/internship/Events/HairShow2023/PreparationDays/PreparationDays3.png");}
.hairshow-bts-image3{background-image: url("../images/internship/Events/HairShow2023/PreparationDays/PreparationDays4.jpg");}
.hairshow-bts-image4{background-image: url("../images/internship/Events/HairShow2023/PreparationDays/PreparationDays5.jpg");}
.hairshow-bts-image5{background-image: url("../images/internship/Events/HairShow2023/PreparationDays/PreparationDays6.jpg");}

.hairshow-actual-image1{background-image: url("../images/internship/Events/HairShow2023/ActualDay/ModelPhotoshootBTS1.jpg");}
.hairshow-actual-image2{background-image: url("../images/internship/Events/HairShow2023/ActualDay/ModelPhotoshootBTS2.jpg");}
.hairshow-actual-image3{background-image: url("../images/internship/Events/HairShow2023/ActualDay/ModelPhotoshootBTS3.jpg");}
.hairshow-actual-image4{background-image: url("../images/internship/Events/HairShow2023/ActualDay/ModelPhotoshootBTS4.jpg");}
.hairshow-actual-image5{background-image: url("../images/internship/Events/HairShow2023/ActualDay/ModelPhotoshootBTS5.jpg");}

.kerasilk-image1{background-image: url("../images/internship/Events/KERASILK/LaunchDay/IMG_8760.jpg");}
.kerasilk-image2{background-image: url("../images/internship/Events/KERASILK/LaunchDay/IMG_8761.jpg");}
.kerasilk-image3{background-image: url("../images/internship/Events/KERASILK/LaunchDay/IMG_8765.jpg");}
.kerasilk-image4{background-image: url("../images/internship/Events/KERASILK/LaunchDay/IMG_8780.jpg");}
.kerasilk-image5{background-image: url("../images/internship/Events/KERASILK/LaunchDay/IMG_8784.jpg");}
.kerasilk-image6{background-image: url("../images/internship/Events/KERASILK/LaunchDay/IMG_8754.jpg");}
.kerasilk-image7{background-image: url("../images/internship/Events/KERASILK/LaunchDay/IMG_8758.jpg");}
.kerasilk-image8{background-image: url("../images/internship/Events/KERASILK/LaunchDay/IMG_8759.jpg");}
.kerasilk-image9{background-image: url("../images/internship/Events/KERASILK/LaunchDay/IMG_8763.jpg");}
.kerasilk-image10{background-image: url("../images/internship/Events/KERASILK/LaunchDay/IMG_8764.jpg");}
.kerasilk-image11{background-image: url("../images/internship/Events/KERASILK/LaunchDay/IMG_8769.jpg");}

.lasalle-image1{background-image: url("../images/internship/Events/LasalleGraduationShow/ModelOnRunway.jpg");}
.lasalle-image2{background-image: url("../images/internship/Events/LasalleGraduationShow/IMG_1740.jpeg");}
.lasalle-image3{background-image: url("../images/internship/Events/LasalleGraduationShow/IMG_1760.jpeg");}
.lasalle-image4{background-image: url("../images/internship/Events/LasalleGraduationShow/IMG_1854.png");}
.lasalle-image5{background-image: url("../images/internship/Events/LasalleGraduationShow/IMG_1876.png");}

.newance-image1{background-image: url("../images/internship/Events/Newance/NewanceFashionCollectionBTS1.jpg");}
.newance-image2{background-image: url("../images/internship/Events/Newance/NewanceFashionCollectionBTS2.png");}
.newance-image3{background-image: url("../images/internship/Events/Newance/NewanceFashionCollectionBTS3.jpg");}
.newance-image4{background-image: url("../images/internship/Events/Newance/NewanceFashionCollectionBTS4.jpg");}
.newance-image5{background-image: url("../images/internship/Events/Newance/NewanceFashionCollectionBTS5.jpg");}

.SPD-image1{background-image: url("../images/internship/Events/Others/SalonProductDisplays/IMG_1917.png");}
.SPD-image2{background-image: url("../images/internship/Events/Others/SalonProductDisplays/IMG_2523.png");}
.SPD-image3{background-image: url("../images/internship/Events/Others/SalonProductDisplays/IMG_5116.jpg");}


@media only screen and (max-width: 600px){
	.kao-events-row, .kao-events-row1, .kao-events-row2{margin: 0px;}
	.kao-events-column, .kao-events-column1, .kao-events-column2{padding: 0 4px;}
	.hairshow-bts{height: 28vw;}
}

.kao-events-column img, .kao-events-row1 img, .kao-events-row2 img{vertical-align: middle;}
/* --------- /main section --------- */