@media only screen and (min-device-width : 716px) and (max-device-width : 960px) {
	/*.issue-lesson{
	margin-left:35px;}*/
	/*.onlydesk{
		display: none;
	}
	.onlymobile{
		display: block;
	}*/
.info{
	width: 100% !important;
}


}

@media only screen and (min-device-width : 640px) and (max-device-width : 767px) {
	.output{
	/*	width: 20%;
		height: auto;*/
		display: none;
	}
	.info	{width: 100%;
		display: inline-block;
	}
	.slideshow-container{
		height: 60vh !important;

	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
	.wrap{
		flex-wrap: wrap;
		flex-direction: row;
	}
	.countup{
	font-weight: lighter;
	color: #999cad;
	/*margin-top: 56px;*/
	display: block;
}
	.logo-uppertop{
cursor: pointer;
width: 4rem !important;
position: absolute !important;
left: 65px !important;
top: 108px !important;
}

.logo-uppertop img{
	width: 120px;
	margin-left: -9px;
	position: absolute;
	right: 0px;
	top: 20px;
}

	.output, .info{
		width: 100%;
	}
	
	.output{
		overflow: auto;
		height: unset;

	}
	
	.imageblock.presenter{
		width: 100%;
	}
	.imageblock.presenter canvas{
		max-width: 90vw;
		height: auto;
	}
	.imageblock{
		width: 47%;
		margin-bottom: 16px;
	}
	
	.uplaodform,
	.smalltext{
		display: none;
	}

	.onlydesk{
		display: none;
	}
.issue-lesson{
	margin-left:35px;
	
}
.glossario .sinopse img{
	width: 18px;
	position: absolute;
	left: 5%;
	margin-right: 4px;
	margin-top: 1px;
}

	.onlymobile,
	.onlymobile{
		display: block;
	}
	
	.info .navi{
		margin-bottom: 50px;
		margin-top: 200px;
	}
	.info div .onlymobile{
		line-height: 1.2;
	}
	.info h2{
		position: relative;
		left: 0px;
		top: 0px;
	}
	.info h1 img{
	display: flex;
	height: 53px;
	position: absolute;
	left: 20px;
	top: 18px;
}
	
	.info h1, 
	.info h2{
		font-weight: lighter;
/*	font-size: 30px;*/
	text-align: left;
	margin-top: -5px;
	line-height: 1.0em;

	}

.info .head{
		font-weight: lighter;
/*	font-size: 30px;*/
	text-align: left;
	margin-top: -5px;
	line-height: 1.0em;
	padding-left: 0px;
	padding-top: 0px;
	}
	
	.smalltext{
		padding-left: 20px;
		font-weight: 400;
		font-family: 'Miriam Libre', sans-serif;

		cursor: pointer;
	display: block ruby;

	}

	.smalltext p{
		display: inline-block;
	}
	.IG{
		/*position: relative;
		bottom: -41px;*/
}
	/*.slideshow-container {
		display: none;
	}*/

	.footer{
	display: none;
	}

	.head2{
	display: none;
	}

	.count{
	display: none;
	}

}