
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
	.wrap{
		flex-wrap: wrap;
		flex-direction: row;
	}
	.wrap .contato{
		width: unset;
		right: 0px;
		padding-right: 30px;
	}
	.close{
		right: 20px;
		top: 5px;
	}
	iframe{
		display: block;
    min-width: 335px;
    width: 100%;
    height: 224px;
    right: 28px;
    position: relative;
    left: 0px;

	}


	.showmore{
		font-size: 20px !important;
		display: inline-block;
		font-family: arial;

	}
	video{/*width: 80%;*/}
	.video-tec{
		margin-top: -3px;
		position: absolute;
	}
	
	.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;
	
}
	.onlymobile,
	.smalltext.onlymobile{
		display: block;
	}
	
	.info .navi{
		margin-bottom: 50px;
		margin-top: 60px;
	}
	.subscribe{right: 30px;display: none;}
	.join{right: 129px; display: none;} 
	.info div .onlymobile{
		line-height: 1.2;
	}
	.info h2{
		position: relative;
		left: 0px;
		top: 0px;
	}
	
	.contato h1, 
	.contato h2,
	.contato .head{
		/*font-size: 27px;*/
		line-height: 30px;
	}
	
	.smalltext{
		padding-left: 20px;
		font-weight: 700;
		font-family: 'Miriam Libre', sans-serif;

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

	.footer{
	display: none;
	}

	.head2{
	display: none;
	}

	.count{
	display: none;
	}

}