:root {

/* UI */
 
  --small-size: 12px!important;
  --medium-size: 20.0px!important;
}

#cc{
	pointer-events: none;
	
}



@media only screen
and (max-width : 900px) {
	:root {
		--ui-el-size: 60px;
	}

	.extra-ui.visible{
	width: 121px!important;
}

#cc{display: none;}

.extra-ui.visible.single{
	width: 61px!important;
}

.logo{
	font-size: var(--small-size);
}


#captionTitle{
	font-size: var(--small-size);
}

#captionCont p{
	font-size: var(--small-size);
}

.caption{
	padding: 1.25rem;
	margin-bottom: 100px;
    padding-block: 8px;
}

.sectionWrap{
	max-width: 100%;
}

section p{
	font-size: var(--medium-size);
}


section .sectionWrap>h1{
	font-size: var(--small-size);
}

.sectionWrap{
	margin-top: 100px;
}

section .sectionWrap>ul>li {
font-size: var(--medium-size);

}

#aboutNav{
	top: 75px;
}

#aboutNav ul {
	font-size: 10px;
	justify-items: space-between;
	gap: 9px;
}


section .sectionWrap>ul {
	column-gap: 0.3em;
}


}