@media all and (min-width: 1025px)
{

	@font-face 
	{
	    font-family: 'black_jackregular';
	    src: url('fonts/blackjack-webfont.eot');
	    src: url('fonts/blackjack-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/blackjack-webfont.woff2') format('woff2'),
	         url('fonts/blackjack-webfont.woff') format('woff'),
	         url('fonts/blackjack-webfont.ttf') format('truetype'),
	         url('fonts/blackjack-webfont.svg#black_jackregular') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}

	body
	{
		background-image: url("https://pictures.bletariamuskaj.com/blog.png");
		background-image: opacity: 0.2;
		
	}

	h1
	{
		color: black;
		font-weight: bolder;
		font-family: "black_jackregular",Impact;
		text-align: center;
		font-size: 2.7em;
		margin: 50px;
		background-color: white;
		opacity: 0.7;

	}

	#blockpage

	{
		width:1200px;
		margin: auto;
	}


	.Bletetpunetoretext
	{
		color: black;
		font-weight: bolder;
		font-family: "black_jackregular",Impact;
		text-align: center;
		font-size: 1.7em;
		margin: 10px;
		background-color: white;
		opacity: 0.7;

	}

	#photo
	{
		display: flex;
		justify-content: space-around;
	}



	#fototext
	{


		font-size: 1.2em;
		margin-top: 10px;
		text-align: justify;
		background-color: white;
		opacity: 0.7;
		padding: 5px;
		margin-bottom: 50px;
		border-radius: 10px 10px 10px 10px;

	}

	/*Pjesa 2*/

	#foto22
	{
		display: inline-block;
		vertical-align: middle;
			margin: 50 px;


	}

	#foto2text
	{
		display: inline-block;
		vertical-align: middle;
		background-color: white;
		opacity: 0.7;
		width: 50%;
		padding:10px ;
		font-size: 1.2em;
		border-radius: 10px 10px 10px 10px;
	}
	#foto2
	{
		display: flex;
		justify-content: space-around;

	}

	#thenje
	{
		color: black;
		font-weight: bolder;
		font-family: "black_jackregular",Impact;
		text-align: center;
		font-size: 1.7em;
		margin: 30px;
		background-color: white;
		opacity: 0.7;

	}

	#foto3
	{

		display: flex;
		justify-content: space-around;
		margin-top: 30px;
		margin-bottom: 30px;

	}



	footer
	{
		clear:both ;
		background-color: white;
		opacity: 0.7;
		text-align: auto;
		box-shadow: 0px 0px 0px 2px yellow;
		padding: 8px;
		margin-top: 50px;
		justify-content: space-around;
			list-style-type: none;;

	}


	.foot
	{
		display: inline-block;
		vertical-align: middle;
		margin-left: 100px;
		color: black;
		text-decoration: none;



	}

	.foot2
	{
		display: inline-block;
		vertical-align: middle;
		margin-left: 100px;
		color: black;
		text-decoration: none;


	}

	.foot3
	{
		display: inline-block;
		vertical-align: middle;

		color: black;
		margin-left: 150px;

	}

	.foot0
	{
		display: inline-block;
		vertical-align: middle;
		margin: 10px;
		
	}

	.telefon

	{
		display: none;
	}
}



















/*telefon*/


@media all and (max-width: 1024px)
{
	.computer
	{
		display: none;
	}

	@font-face 
	{
	    font-family: 'black_jackregular';
	    src: url('fonts/blackjack-webfont.eot');
	    src: url('fonts/blackjack-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/blackjack-webfont.woff2') format('woff2'),
	         url('fonts/blackjack-webfont.woff') format('woff'),
	         url('fonts/blackjack-webfont.ttf') format('truetype'),
	         url('fonts/blackjack-webfont.svg#black_jackregular') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}

	body
	{
		background-image: url("https://pictures.bletariamuskaj.com/blog.png");
		background-image: opacity: 0.2;
		
	}

	h1
	{
		color: black;
		font-weight: bolder;
		font-family: "black_jackregular",Impact;
		text-align: center;
		font-size: 4.5em;
		margin: 50px;
		background-color: white;
		opacity: 0.8;

	}

	#blockpage1

	{
		width: auto;
		margin: auto;
	}


	.Bletetpunetoretext1
	{
		color: black;
		font-weight: bolder;
		font-family: "black_jackregular",Impact;
		text-align: center;
		font-size: 2em;
		margin: 10px;
		background-color: white;
		opacity: 0.8;

	}

	#photo1
	{
		display: flex;
		justify-content: space-around;
	}



	#fototext1
	{

		font-size: 1.2em;
		margin-top: 10px;
		text-align: justify;
		background-color: white;
		opacity: 0.8;
		padding: 5px;
		margin-bottom: 50px;
		border-radius: 10px 10px 10px 10px;
		font-size: 1.8em;

	}

	/*Pjesa 2*/


		#foto221
	{
		display: inline-block;
		vertical-align: middle;
		margin: auto;
		margin-bottom: 20px;

	}

	#foto2text1
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: none;
		padding:10px ;
		font-size: 1.8em;
		text-align: justify;
		background-color: white;
		opacity: 0.7;

	}
	#foto21
	{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		margin-bottom: 70px;
	}

	#thenje1
	{
		color: black;
		font-weight: bolder;
		font-family: "black_jackregular",Impact;
		text-align: center;
		font-size: 1.5em;
		text-decoration: none;
		vertical-align: middle;
		align-content: middle;
		text-align: center;

	}


	#photo1
	{

		display: flex;
		justify-content: space-around;
		margin-top: 30px;
		margin-bottom: 30px;

	}


	footer
	{
		clear:both ;
		background-color: white;
		opacity: 0.7;
		text-align: auto;
		box-shadow: 0px 0px 0px 2px yellow;
		padding: 8px;
		margin-top: 10px;
		list-style-type: none;;
		flex-wrap: wrap;
		font-size: 1.3;
	}

	.foot
	{
		display: inline-block;
		vertical-align: middle;
		margin-left: 100px;
		color: black;
		text-decoration: none;
		color: black;
		font-size: 1.3;

	}

	.foot2
	{
		display: inline-block;
		vertical-align: middle;
		margin-left: 100px;
		color: black;
		text-decoration: none;
		color: black;
		font-size: 1.3;


	}

	.foot0
	{
		display: inline-block;
		vertical-align: middle;
		margin: 10px;			

	}

	.perfundimi
	{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		color: black;
		text-align: center;
		background-color: white;
		opacity: 0.7;
		margin-top: 20px;
		margin-bottom: 20px;
		padding-bottom: 20px;

	}

	.email a
	{
		font-size: 1.2em;
		text-decoration: none;
		color: brown;
	}

	.email

	{
		font-size: 1.3em;
	}
}