@media only screen and (min-width: 900px) {
	body {
		background-color: #303030;
		color: #ffffff;
		font-family: 'Lato', sans-serif;
		font-size: 19px;
	}

	#container {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}

	.square {
		width: 50%;
		float: left;
	}

	#logo {
		float: left;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 60px;
		width: 650px;
		text-align: left;
		margin-left: 3px;

	}

	#zegar {
		float: left;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 60px;
		text-align: left;
	}

	.tile1 {
		margin: 10px;
		width: 230px;
		height: 142px;
		background-color: #3095d3;;
		float: left;
		text-align: center;
	}

	.tile1:hover {
		background-color: #2084c2;
	}

	.tile2 {
		margin: 10px;
		width: 230px;
		height: 142px;
		background-color: #666666;
		float: left;
		text-align: center;
	}

	.tile2:hover {
		background-color: #555555;
	}

	.tile3 {
		margin: 10px;
		width: 230px;
		height: 142px;
		background-color: #93c748;
		float: left;
		text-align: center;
	}

	.tile3:hover {
		background-color: #82b637;
	}

	.tile4 {
		margin: 10px;
		width: 420px;
		height: 80px;
		background-color: #ee5a32;
		text-align: center;
		font-size: 18px;
		padding-top: 20px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
		line-height: 120%;
	}

	.tile5 {
		margin: 10px;
		width: 420px;
		height: 244px;
		background-color: #666666;
		text-align: justify;
		padding: 30px;
	}

	#imgminiat
	{
		float: right;
		width: 100px;
		height: 126.66px;
		margin-left: 5px;
		-webkit-box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.91);
		-moz-box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.91);
		box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.91);
		transition-duration: 2s;
	}

	#imgminiat:hover{
		transform: scale(1.2);
	}
	.mailto{
		display: inline-block;
		text-decoration: none;
		color: #fff;
		transition-duration: 2s;
	}

	.mailto:hover{
		transform: scale(1.2);
		color: #b4c382;
	}

	a.tilelinkhtml5 {
		color: #ffffff;
		text-decoration: none;
	}

	.tile6:hover {
		background-color: #c83136;
	}
	.skype {
		margin: 10px;
		width: 105px;
		height: 130px;
		background-color: #06a8f9;
		float: left;
	}

	.skype:hover {
		background-color: #04a6d7;
	}

	.fb {
		margin: 10px;
		width: 105px;
		height: 130px;
		background-color: #4668b3;
		float: left;
	}

	.fb:hover {
		background-color: #3557a2;
	}

	.gplus {
		margin: 10px;
		width: 105px;
		height: 130px;
		background-color: #d95333;
		float: left;
	}

	.gplus:hover {
		background-color: #c84222;
	}

	.whatsapp {
		margin: 10px;
		width: 105px;
		height: 130px;
		background-color: #0bbe49;
		float: left;
	}

	.whatsapp:hover {
		background-color: #0aac27;
	}

	a.tilelink {
		color: #ffffff;
		text-decoration: none;
		display: block;
		width: 230px;
		height: 130px;
	}

	a.sociallink {
		color: #ffffff;
		text-decoration: none;
		display: block;
		width: 105px;
		height: 142px;
	}
	.icon-skype-outline:before {
		content: '\e805';
		font-size: 76px;
		margin-top: 25px;
	}

	.icon-facebook:before {
		content: '\f308';
		font-size: 76px;
		margin-top: 25px;
	}

	.icon-gplus:before {
		content: '\f30f';
		font-size: 76px;
		margin-top: 25px;
	}
	.icon-whatsapp:before {
		content: '\f232';
		font-size: 76px;
		margin-top: 25px;
	}

	.icon-user:before {
		content: '\e801';
		font-size: 72px;
		margin-top: 20px;
	}

	.icon-laptop:before {
		content: '\e802';
		padding-right: 20px;
		font-size: 72px;
		margin-top: 20px;
	}

	.icon-graduation-cap:before {
		content: '\e806';
		font-size: 72px;
		margin-top: 20px;
	}
	.icon-mail:before {
		content: '\e806';
		font-size: 72px;
		margin-top: 20px;
	}
	.rectangle {
		font-size: 15px;
		width: 96%;
		margin-top: 5px;
		text-align: center;
	}

	.icon-html5:before {
		content: '\e80b'; font-size: 30px;
	}

	.icon-css:before {
		content: '\e80d'; font-size: 30px;
	}
}

	@media all and (min-width:322px) and (max-width:420px) {
		body {
			background-color: #303030;
			color: #ffffff;
			font-family: 'Lato', sans-serif;
			font-size: 9px;
		}

		#container {
			width: 100%;
			max-width: 520px;
			margin-left: auto;
			margin-right: auto;
		}

		.square {
			width: 50%;
			float: left;
		}

		#logo {
			float: left;
			font-family: 'Josefin Sans', sans-serif;
			font-size: 20px;
			width: 65%;
			text-align: left;
			margin-left: 3px;
		}

		#zegar {
			float: left;
			font-family: 'Josefin Sans', sans-serif;
			font-size: 25px;
			text-align: center;
		}

		.tile1 {
			margin: 5px;
			width: 43%;
			height: 65px;
			background-color: #3095d3;
			float: left;
			text-align: center;
		}

		.tile2 {
			margin: 5px;
			width: 43%;
			height: 65px;
			background-color: #666666;
			float: left;
			text-align: center;
		}

		.tile3 {
			margin: 5px;
			width: 43%;
			height: 65px;
			background-color: #93c748;
			float: left;
			text-align: center;
		}

		.tile4 {
			margin: 5px;
			width: 86%;
			height: 84px;
			background-color: #ee5a32;
			text-align: center;
			font-size: 10.5px;
			padding: 5px;
			line-height: 120%;
		}

		.tile5 {
			margin: 5px;
			width: 86%;
			min-height: 192px;
			height: auto;
			background-color: #666666;
			text-align: justify;
			padding: 5px;
		}

		#imgminiat
		{
			float: right;
			width: 65px;
			height: 85px;
			margin-left: 5px;
			webkit-box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.91);
			-moz-box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.91);
			box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.91);
		}

		.mailto{
			text-decoration: none;
			color: #fff;
		}
		.skype {
			margin: 5px;
			width: 18.5%;
			height: 32px;
			background-color: #06a8f9;
			float: left;
		}

		.fb {
			margin: 5px;
			min-width: 18.5%;
			height: 32px;
			background-color: #4668b3;
			float: left;
		}

		.gplus {
			margin: 5px;
			width: 18.5%;
			height: 32px;
			background-color: #d95333;
			float: left;
		}

		.whatsapp {
			margin: 5px;
			width: 18.5%;
			height: 32px;
			background-color: #0bbe49;
			float: left;
		}

		a.tilelink {
			color: #ffffff;
			text-decoration: none;
			display: block;
		}

		a.tilelinkhtml5 {
			color: #ffffff;
			text-decoration: none;
		}

		a.sociallink {
			color: #ffffff;
			text-decoration: none;
			display: block;
		}

		.icon-skype-outline:before {
			content: '\e805';
			font-size: 18px;
			margin-top: 7px;
		}

		.icon-facebook:before {
			content: '\f308';
			font-size: 18px;
			margin-top: 7px;
		}

		.icon-gplus:before {
			content: '\f30f';
			font-size: 18px;
			margin-top: 7px;
		}

		.icon-whatsapp:before {
			content: '\f232';
			font-size: 18px;
			margin-top: 7px;
		}

		.icon-user:before {
			content: '\e801';
			font-size: 35px;
			margin-top: 5px;
		}

		.icon-laptop:before {
			content: '\e802';
			font-size: 35px;
			margin-top: 5px;
			padding-right: 10px;
		}

		.icon-graduation-cap:before {
			content: '\e806';
			font-size: 35px;
			margin-top: 5px;
		}

		.icon-mail:before {
			content: '\e806';
			font-size: 35px;
			margin-top: 5px;

		}

		.rectangle {
			font-size: 8px;
			width: 96%;
			margin-top: 5px;
			text-align: center;
		}
		.icon-html5:before {
			content: '\e80b'; font-size: 8.5px;
		}

		.icon-css:before {
			content: '\e80d'; font-size: 8.5px;
		}
	}
@media all and (min-width:322px) and (max-width:336px) {
		.skype {
			margin: 5px;
			width: 18.3%;
			height: 32px;
			background-color: #06a8f9;
			float: left;
		}

		.fb {
			margin: 5px;
			width: 18.3%;
			height: 32px;
			background-color: #4668b3;
			float: left;
		}

		.gplus {
			margin: 5px;
			width: 18.3%;
			height: 32px;
			background-color: #d95333;
			float: left;
		}

		.whatsapp {
			margin: 5px;
			width: 18.3%;
			height: 32px;
			background-color: #0bbe49;
			float: left;
		}
	}

@media all and (min-width:337px) and (max-width:467px) {
	.skype {
		margin: 5px;
		width: 18.5%;
		height: 32px;
		background-color: #06a8f9;
		float: left;
	}

	.fb {
		margin: 5px;
		width: 18.5%;
		height: 32px;
		background-color: #4668b3;
		float: left;
	}

	.gplus {
		margin: 5px;
		width: 18.5%;
		height: 32px;
		background-color: #d95333;
		float: left;
	}

	.whatsapp {
		margin: 5px;
		width: 18.5%;
		height: 32px;
		background-color: #0bbe49;
		float: left;
	}
}

@media all and (min-width:368px) and (max-width:386px) {
	.skype {
		margin: 5px;
		width: 18.7%;
		height: 32px;
		background-color: #06a8f9;
		float: left;
	}

	.fb {
		margin: 5px;
		width: 18.7%;
		height: 32px;
		background-color: #4668b3;
		float: left;
	}

	.gplus {
		margin: 5px;
		width: 18.7%;
		height: 32px;
		background-color: #d95333;
		float: left;
	}

	.whatsapp {
		margin: 5px;
		width: 18.7%;
		height: 32px;
		background-color: #0bbe49;
		float: left;
	}
}

@media all and (min-width:386px) and (max-width:420px) {
	.skype {
		margin: 5px;
		width: 18.9%;
		height: 32px;
		background-color: #06a8f9;
		float: left;
	}

	.fb {
		margin: 5px;
		width: 18.9%;
		height: 32px;
		background-color: #4668b3;
		float: left;
	}

	.gplus {
		margin: 5px;
		width: 18.9%;
		height: 32px;
		background-color: #d95333;
		float: left;
	}

	.whatsapp {
		margin: 5px;
		width: 18.9%;
		height: 32px;
		background-color: #0bbe49;
		float: left;
	}
	.icon-skype-outline:before {
		content: '\e805';
		font-size: 18px;
		margin-top: 7px;
		margin-left: 5px;
	}

	.icon-facebook:before {
		content: '\f308';
		font-size: 18px;
		margin-top: 7px;
		margin-left: 5px;
	}

	.icon-gplus:before {
		content: '\f30f';
		font-size: 18px;
		margin-top: 7px;
		margin-left: 5px;
	}

	.icon-whatsapp:before {
		content: '\f232';
		font-size: 18px;
		margin-top: 7px;
		margin-left: 5px;
	}
}

@media all and (min-width: 421px) and (max-width: 520px) {
	body {
		background-color: #303030;
		color: #ffffff;
		font-family: 'Lato', sans-serif;
		font-size: 10.5px;
	}

	#container {
		width: 100%;
		max-width: 520px;
		margin-left: auto;
		margin-right: auto;
	}

	.square {
		width: 50%;
		float: left;
	}

	#logo {
		float: left;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 22px;
		width: 65%;
		text-align: left;
		margin-left: 3px;
	}

	#zegar {
		float: left;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 25px;
		text-align: center;
	}

	.tile1 {
		margin: 5px;
		width: 43%;
		height: 65px;
		background-color: #3095d3;
		float: left;
		text-align: center;
	}

	.tile2 {
		margin: 5px;
		width: 43%;
		height: 65px;
		background-color: #666666;
		float: left;
		text-align: center;
	}

	.tile3 {
		margin: 5px;
		width: 43%;
		height: 65px;
		background-color: #93c748;
		float: left;
		text-align: center;
	}

	.tile4 {
		margin: 5px;
		width: 86%;
		height: 70px;
		background-color: #ee5a32;
		text-align: center;
		font-size: 10.5px;
		padding: 5px;
		line-height: 120%;
	}

	.tile5 {
		margin: 5px;
		width: 86%;
		min-height: 178px;
		height: auto;
		background-color: #666666;
		text-align: justify;
		padding: 5px;
	}

	#imgminiat
	{
		float: right;
		width: 65px;
		height: 85px;
		margin-left: 5px;
		webkit-box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.91);
		-moz-box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.91);
		box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.91);
	}

	.mailto{
		text-decoration: none;
		color: #fff;
	}

	.skype {
		margin: 5px;
		width: 19.4%;
		height: 32px;
		background-color: #06a8f9;
		float: left;
	}

	.fb {

		margin: 5px;
		width: 19.4%;
		height: 32px;
		background-color: #4668b3;
		float: left;
	}

	.gplus {

		margin: 5px;
		width: 19.4%;
		height: 32px;
		background-color: #d95333;
		float: left;
	}

	.whatsapp {

		margin: 5px;
		width: 19.4%;
		height: 32px;
		background-color: #0bbe49;
		float: left;
	}

	a.tilelink {
		color: #ffffff;
		text-decoration: none;
		display: block;
	}

	a.tilelinkhtml5 {
		color: #ffffff;
		text-decoration: none;
	}

	a.sociallink {
		color: #ffffff;
		text-decoration: none;
		display: block;
	}

	.icon-skype-outline:before {
		content: '\e805';
		font-size: 18px;
		margin-top: 7px;
	}

	.icon-facebook:before {
		content: '\f308';
		font-size: 18px;
		margin-top: 7px;
	}

	.icon-gplus:before {
		content: '\f30f';
		font-size: 18px;
		margin-top: 7px;
	}

	.icon-whatsapp:before {
		content: '\f232';
		font-size: 18px;
		margin-top: 7px;
	}

	.icon-user:before {
		content: '\e801';
		font-size: 35px;
		margin-top: 5px;
	}

	.icon-laptop:before {
		content: '\e802';
		font-size: 35px;
		margin-top: 5px;
		padding-right: 5px;
	}

	.icon-graduation-cap:before {
		content: '\e806';
		font-size: 35px;
		margin-top: 5px;
	}

	.icon-mail:before {
		content: '\e806';
		font-size: 35px;
		margin-top: 5px;
		margin-left: 20px;

	}

	.rectangle {
		font-size: 10px;
		width: 96%;
		margin-top: 5px;
		text-align: center;
	}

	.icon-html5:before {
		content: '\e80b'; font-size: 11.5px;
	}

	.icon-css:before {
		content: '\e80d'; font-size: 11.5px;
	}
}

@media all and (min-width:421px) and (max-width:470px) {
	.skype {
		margin: 5px;
		width: 19.0%;
		height: 32px;
		background-color: #06a8f9;
		float: left;
	}

	.fb {

		margin: 5px;
		width: 19.0%;
		height: 32px;
		background-color: #4668b3;
		float: left;
	}

	.gplus {

		margin: 5px;
		width: 19.0%;
		height: 32px;
		background-color: #d95333;
		float: left;
	}

	.whatsapp {

		margin: 5px;
		width: 19.0%;
		height: 32px;
		background-color: #0bbe49;
		float: left;
	}
	.icon-skype-outline:before {
		content: '\e805';
		font-size: 18px;
		margin-top: 7px;
		margin-left: 7px;
	}

	.icon-facebook:before {
		content: '\f308';
		font-size: 18px;
		margin-top: 7px;
		margin-left: 7px;
	}

	.icon-gplus:before {
		content: '\f30f';
		font-size: 18px;
		margin-top: 7px;
		margin-left: 7px;
	}

	.icon-whatsapp:before {
		content: '\f232';
		font-size: 18px;
		margin-top: 7px;
		margin-left: 7px;
	}
}

@media all and (min-width: 521px) and (max-width: 899px) {
	body {
		background-color: #303030;
		color: #ffffff;
		font-family: 'Lato', sans-serif;
		font-size: 12px;
	}

	#container {
		width: 100%;
		max-width: 520px;
		margin-left: auto;
		margin-right: auto;
	}

	.square {
		width: 50%;
		float: left;
	}

	#logo {
		float: left;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 22px;
		width: 65%;
		text-align: left;
		margin-left: 3px;
	}

	#zegar {
		float: left;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 25px;
		text-align: center;
	}

	.tile1 {
		margin: 5px;
		width: 43%;
		height: 65px;
		background-color: #3095d3;
		float: left;
		text-align: center;
	}

	.tile2 {
		margin: 5px;
		width: 43%;
		height: 65px;
		background-color: #666666;
		float: left;
		text-align: center;
	}

	.tile3 {
		margin: 5px;
		width: 43%;
		height: 65px;
		background-color: #93c748;
		float: left;
		text-align: center;
	}

	.tile4 {
		margin: 5px;
		width: 86%;
		height: 70px;
		background-color: #ee5a32;
		text-align: center;
		font-size: 12px;
		padding: 5px;
		line-height: 120%;
	}

	.tile5 {
		margin: 5px;
		width: 86%;
		min-height: 178px;
		height: auto;
		background-color: #666666;
		text-align: initial;
		padding: 5px;
	}

	#imgminiat
	{
		float: right;
		width: 65px;
		height: 85px;
		margin-left: 5px;
	}

	.mailto{
		text-decoration: none;
		color: #fff;
	}

	.skype {
		margin: 5px;
		width: 19.5%;
		height: 32px;
		background-color: #06a8f9;
		float: left;
	}

	.fb {

		margin: 5px;
		width: 19.5%;
		height: 32px;
		background-color: #4668b3;
		float: left;
	}

	.gplus {

		margin: 5px;
		width: 19.5%;
		height: 32px;
		background-color: #d95333;
		float: left;
	}

	.whatsapp {

		margin: 5px;
		width: 19.5%;
		height: 32px;
		background-color: #0bbe49;
		float: left;
	}

	a.tilelink {
		color: #ffffff;
		text-decoration: none;
		display: block;
	}

	a.tilelinkhtml5 {
		color: #ffffff;
		text-decoration: none;
	}

	a.sociallink {
		color: #ffffff;
		text-decoration: none;
		display: block;
	}

	.icon-skype-outline:before {
		content: '\e805';
		font-size: 18px;
		margin-top: 7px;
		margin-left: 7px;
	}

	.icon-facebook:before {
		content: '\f308';
		font-size: 18px;
		margin-top: 7px;
		margin-left: 7px;
	}

	.icon-gplus:before {
		content: '\f30f';
		font-size: 18px;
		margin-top: 7px;
		margin-left: 7px;
	}

	.icon-whatsapp:before {
		content: '\f232';
		font-size: 18px;
		margin-top: 7px;
		margin-left: 7px;
	}

	.icon-user:before {
		content: '\e801';
		font-size: 35px;
		margin-top: 5px;
	}

	.icon-laptop:before {
		content: '\e802';
		font-size: 35px;
		margin-top: 5px;
		padding-right: 5px;
	}

	.icon-graduation-cap:before {
		content: '\e806';
		font-size: 35px;
		margin-top: 5px;
	}

	.icon-mail:before {
		content: '\e806';
		font-size: 35px;
		margin-top: 5px;
		margin-left: 20px;

	}

	.rectangle {
		font-size: 10px;
		width: 96%;
		margin-top: 5px;
		text-align: center;
	}

	.icon-html5:before {
		content: '\e80b'; font-size: 15px;
	}

	.icon-css:before {
		content: '\e80d'; font-size: 15px;
	}
}