@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;}

.kao-events-row1{display: flex;flex-wrap:nowrap;margin: 32px 64px 0 64px;}
.kao-events-row2{display: flex;flex-wrap:nowrap;margin: 20vh 64px 0 64px;}

.kao-events-column1{flex: 25%;max-width: 25%;padding: 0 6px;}
.kao-events-column2{flex: 33.33%;max-width: 33.33%;padding: 0 6px;}

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

.socialmedia{height: 30vw;}

.FB-image1{background-image: url("../images/internship/SocialMedia/FB/IMG_5214.jpg");}
.FB-image2{background-image: url("../images/internship/SocialMedia/FB/IMG_7263.jpg");}
.FB-image3{background-image: url("../images/internship/SocialMedia/FB/IMG_3269.jpg");}
.FB-image4{background-image: url("../images/internship/SocialMedia/FB/IMG_6804.jpg");}

.IG-image1{background-image: url("../images/internship/SocialMedia/IG/GCA23NationalFinalists1.jpg");background-size: contain;}
.IG-image2{background-image: url("../images/internship/SocialMedia/IG/GCA23NationalFinalists2.jpg");background-size: contain;}
.IG-image3{background-image: url("../images/internship/SocialMedia/IG/PromotionalInstagramPost.png");background-size: contain;}


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

@media only screen and (max-width: 600px){
  .kao-events-row1, .kao-events-row2{margin: 32px 0px 0 0px;}
}
/* --------- /main section --------- */
