@media screen and (max-width: 760px){

	section .app-item {
   		flex-direction: column;
	}

	header{
		flex-direction: column;
	}

	#logocontent {
		padding-bottom: 20px;
	}
	main{
		flex-direction: column;
		align-items: center;
	}
	h2{
		font-size: 38px;
	}

	p{
		line-height: 1.4;
		max-width: 100%;
	}
	ul{
		flex-direction: column;
		text-align: center;
	}
	img{
		width: 100%;
	}

	#catalog-app{
		display: block;
		justify-content: center;
	}

	section .app-item{
		width: 80%;
	}

	.app-content {
    	width: 90%;
    	height: 100%;
    	padding-right: 0px
    }

    .download-content {
	    
	    flex-direction: column;
	    
	}
}