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

header .logo {
	height: 5rem; width: 10rem;
	background-image: url("../images/samsung.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	
}


header { 
	height: 5rem;
	position: fixed;
	background-color: #fff;
	width: 100%;
	z-index: 2;
	
	border-bottom: 1px solid;
	border-color: var(--grey-10);
}


header .logo + div > div {
	height: 5rem; width: 3rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

header .logo + div > div + div {
	margin-left: 1rem;
}
header .isic { 
    background-image: url("../images/logo-isic.webp"), url("../images/logo-isic.png"); 
}
header .itic { 
    background-image: url("../images/logo-itic.webp"), url("../images/logo-itic.png"); 
}
header .iytc { 
    background-image: url("../images/logo-iytc.webp"), url("../images/logo-iytc.png"); 
}
header .alive { 
    background-image: url("../images/logo-alive.webp"), url("../images/logo-alive.png"); 
}



footer {
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-color: var(--grey-10);
	margin-bottom: 5rem;
}

footer p {
	font-size: 1rem; line-height: 120%;
	padding: 2rem 0;
}
footer img {
	margin-left: 1rem;
	height: 2rem; width: auto;
}


@media (max-aspect-ratio: 1/1) and (max-width: 1000px) {
  
header .middle {
	padding: 0;
}
		
	
	footer p {
	 text-align: center;
		width: 100%;
	}
	footer .flex .flex p {
		padding: 0;
		padding-bottom: 1rem;
	}
	footer .flex .flex div {
		text-align: center;
		padding-bottom: 2rem;
		width: 100%;
	}
	footer .flex .flex img {
		margin-left: 1rem;
		margin-right: 1rem;
	}
		header .logo+div>div {
			width: 2rem;
		}
}