@media only screen and (max-width: 768px) {
	:root{
		--padding1:10px;
		--padding2:5px;
		--padding3:2px;
		
		--margin1: 15px;
		--margin2: 12px;
		--margin3: 10px;
		--margin4: 6px;
		--margin5: 3px;
		
		--radius1: 8px;
		--radius2: 5px;
		--radius3: 4px;
		--radius4: 2px;
		--radius5: 1px;
	}
	
	html, body {
		font-size: 12px;
		overflow:scroll;
	}
	html{
		overflow:scroll;
		overflow-x:hidden;
	}
	body{
		overflow:hidden;
	}
	
	/* header */
	header{
		height:55px !important;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	header nav ul li.logo a img {
		max-width: 50px;
		max-height: 40px;
	}
	header nav li.menu.opened ul{
		display:block;
	}
	header nav li.menu ul{
		position:absolute;
		top:55px;
		left:0;
		width:100%;
		background-color:var(--primary);
		display:block;
		overflow:hidden;
		height:auto;
		display:none;
		box-shadow:2px 2px 4px rgba(0,0,0,0.4);
	}
	header nav li.menu ul li{
		width:100%;
		display:block;
		margin:0;
	}
	header nav li.menu ul li a{
		border-radius:0;
		padding:calc(var(--padding1)*1.3) var(--padding1);
		font-size:1.2rem;
		text-align:left;
		color:#FFF;
	}
	header nav ul li a i{
		display:inline-block;
		margin-right:5px;
	}
	header nav li.menu a.button{
		width:auto;
		float:right;
		font-size:2.2rem;
		font-weight:bold;
		line-height:55px;
		padding:0 var(--padding1);
		margin-right:calc(var(--margin1)*-1);
		border-radius:0;
	}
	/* end header */
	
	/* section */
	body>section:first-of-type{
		margin-top:55px;
	}
	section h2 {
  		font-size: 1.5rem;
	}
	section > span {
		top: -55px;
	}
	section ul.buttons,
	section.main .content,
	section.register .content {
		display: block;		
	}
	section ul.buttons,
	section.main .content{
		text-align:center;
	}
	section.main .content .item,
	section.register .content .item {
		width:100%;
		clear:both;
		padding-left:0;
		padding-right:0;
	}
	
	section.plains .items,
	section.boxes ul.items{
		gap:0;
	}
	section.plains .items .item,
	section.boxes ul.items li{
		width:48%;
		margin:1%;
	}
	section.plains .items .item{
		padding-bottom:50px;
	}
	section.plains .items .item h3{
		font-size:1.2rem;
	}
	section.plains .items .item ul{
		line-height:1.3;
	}
	section.plains .items .item ul li.no-icon{
		padding:0;
	}
	section.plains .items .item p {
		border-top: 4px dotted #FFF;
		border-bottom: 4px dotted #FFF;
	}
	section.plains .items .item p::before{
		top: -4px;
	}
	section.plains .items .item p::after{
		bottom: -4px;
	}
	section.plains .items .item ul li i {
		flex: 0 0 24px;
	}
	section.plains .items .item h4 {
		font-size:0.75em;
		padding-top:var(--padding2);
		padding-bottom:var(--padding2);
	}
	/*
	section.plains .items .item ul li::before {
		line-height:25px;
		width:25px;
		height:25px;
		position:absolute;
		top:0;
		left:0;
		margin-top:-6px;
		text-align:left;
	}
	*/
	section.plains .items .item .btn{
		width:86%;
		bottom:15px;
		margin-top:10px;
	}
	section.main h1{
		padding-top:0;
	}
	
		/* calendar */
		section.calendar article .content h3{
			width:100%;
			line-height:220%;
			right:0;
			padding-bottom:2px;
			border-radius: var(--radius1) var(--radius1) var(--radius1) 0;
		}
		section.calendar article .content:not(:first-of-type) h3{
			border-radius: 0 var(--radius1) var(--radius1) 0;
			margin-bottom:-24px;
		}
		section.calendar article .content h3 strong {
			padding: 0 10px;
		}
		section.calendar article .content h3::after {
			height:2px;
		}
		section.calendar article .content .items .item{
			float:none !important;
			padding:24px 0 0 10px !important;
			width:100%;
			margin:0 !important;
			right:0 !important;
			left:-2px !important;
			border-right:none !important;
		  	border-left: 4px dashed var(--primary) !important;	
			height:auto !important;
			border-radius:0;
		}
		section.calendar article .content .items .item.fix:first-child,
		section.calendar article .content:first-of-type .items .item:first-child{
			padding-top:30px !important;
		}
		section.calendar article .content .items .item:last-child{
			padding-bottom:40px !important;
		}
		section.calendar article .content .items .item .box-item,
		section.calendar article .content:nth-child(2n+1) .items .item .box-item{
			border-radius: 0 var(--radius1) var(--radius1) var(--radius1) !important;
			border-color:transparent !important;
		}
		section.calendar article .content .items .item span.hour {
		  padding: 0 12px 0 8px !important;
		  margin-left: -12px !important;
		  margin-top: -13px !important;
		  margin-bottom:4px !important;
		  line-height: 26px;
		  height: 26px;
		  float:left !important;
		  font-size:1.2rem;
		  border-radius:0 var(--radius0) var(--radius0) 0 !important;
		}
		section.calendar article .content .items .item span.hour i {
			float: left !important;
			margin: 0 8px 0 0 !important;
		}
		section.calendar article .content .items .item .professor .image {
			width: 70px;
			height: 70px;
			margin: -21px 0 3px 0 !important;
			float:left !important;
		}
		section.calendar article .content .items .item .professor h5 {
			margin: 13px 0 0 35px !important;
			padding: 6px 6px 0 40px !important;
			border-radius: 0 var(--radius0) var(--radius0) 0 !important;
			text-align:left;
			background:none;
			color:#000;
		}
		section.calendar article .content .items .item .professor.no-image h5 {
			margin-left: 0 !important;
			padding-left: 6px !important;
		}
		section.calendar article .content .items .item .professor p{
			padding:3px 6px 0 6px !important;
			margin:0 !important;
			overflow:hidden;
			margin-bottom:10px !important;	
			font-size:0.9rem;	
			line-height:1.3;
			min-height:44px;
			text-align:left;
		}
		section.calendar article .content .items .item h4{
			display:none;
		}
		/* end calendar */
		
		/* countdown */
		section.register .countdown .timer span.item{
			width:60px;
			height:60px;
			padding:2px;
			font-size:2rem;
		}
		section.register .countdown .timer span.item strong{
			line-height:30px;
			margin-top:7px;
		}
		section.register .countdown .timer span.item svg circle {
			stroke-width: 3px;
		}
		section.register .countdown .timer span.item strong small{
			font-size:0.65rem;
		}
		/* end countdown */
		
	/* end section */
	
	
	/* footer */
	footer section article .content{
		display:block;
	}
	footer section article .content .item{
		width:100%;
	}
	footer section article .content .item img{
		max-width:100%;
	}
	/* end footer */
	
}