body
{
	background-color: #303030;
	color: #ffffff;
	/* font-family: 'Lato', sans-serif; */
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
}
#container
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;

}
  a {
            color: white;
            text-decoration: none;
        }

        a:hover {
            color: red;
        }
.rectangle
{
	width: 980px;
	-width: calc(100% -20 px);
	margin: 10px;
	text-align: center;
}
.square
{
	width: 100%;
	-width: 980px;
	float: left;
}
#logo
{
	float: left;
	/* font-family: "calibri"; */ 
	font-size: 70px;
	width: 620px;
	text-align: left;
}

#zegar
{
	float: right;
	/* font-family: "calibri"; */
	font-size: 70px;
	text-align: center; 

}
.title1
{

	margin: 10px; 
	width: 230px;
	height: 142px;
	background-color: #3095d3;
	float: left;
	text-align: center;
}
.title1:hover
{
	background-color: #2084c2; 
	margin: 10px; 
	height: 142px;
	width: 230px;
	-border-top: 1px solid #ffffff;
	-border-bottom: 1px solid #ffffff;
	-border-right: 1px solid #ffffff;
	-border-left: 1px solid #ffffff;
	text-align: center;
	
	-height: 142px;
-width: 142px;
--moz-border-radius: 71px;
-border-radius: 71px;
}
.title1a
{
	margin: 10px; 
	width: 230px;
	height: 142px;
	-background-color: #3095d3;
	background-color: #10893E;
	float: left;
	text-align: center;
}
.title1a:hover
{
	background-color: #0d782d; 
	margin: 10px; 
	height: 142px;
	width: 230px;
	-border-top: 1px solid #ffffff;
	-border-bottom: 1px solid #ffffff;
	-border-right: 1px solid #ffffff;
	-border-left: 1px solid #ffffff;
	text-align: center;
}
.title2
{
	width: 230px;
	margin: 10px;
	height: 142px;
	-background-color: #666666;
	background-color: #80397B;
	float: left;
	text-align: center;
}
.title2:hover
{
	-background-color: #555555; 
	background-color: #7d286a; 
	margin: 10px; 
	height: 142px;
	width: 230px;
	-border-top: 1px solid #ffffff;
	-border-bottom: 1px solid #ffffff;
	-border-right: 1px solid #ffffff;
	-border-left: 1px solid #ffffff;
	text-align: center;
}

.title3
{
	width: 230px;
	margin: 10px;
	height: 142px;
	background-color: #93c748;
	-background-color: #80397B;
	float: left;
	text-align: center;
}
.title3:hover
{
	background-color: #82b637; 
	margin: 10px;
	height: 142px;
	width: 230px;
	-border-top: 1px solid #ffffff;
	-border-bottom: 1px solid #ffffff;
	-border-right: 1px solid #ffffff;
	-border-left: 1px solid #ffffff;
}

.title4
{
	float: left;
	margin: 10px;
	width: 460px;
	-width: calc(50%-40 px);
	min-height: 122px;
	background-color: #ee5a32;
	text-align: center;
	padding: 10px
}

.title5
{
	margin: 10px;
	-width: 960px;
	width: calc(100%-40 px);
	-min-height: 320px;  
	background-color: #666666;
	text-align: left;
	padding: 10px
}

.yt
{
	width: 230px;
	margin: 10px;
	height: 142px;
	background-color: #d94348;
	float: left;
	text-align: center;
}
.yt:hover
{
	background-color: #c83237;
}

.fb
{
	width: 230px;
	margin: 10px;
	height: 142px;
	background-color: #4668b3;
	float: left;
	text-align: center;
}
.fb:hover
{
	background-color: #3557a2;
}

a.titlelink
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 230px;
	height: 142px;
}
a.titlelinkhtml5
{
	color: #ffffff;
	text-decoration: none;
}
.sociallink
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 230px;
	height: 142px;
	text-align: center;
}
a.sociallink
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 230px;
	height: 142px;
	text-align: center;
}


@media all and (max-width: 900px)
{
	
#container, .square, .rectangle
	{
		width: 100%;
	}
	
.title1, .title1:hover, .title1a, .title1a:hover, .title2, .title2:hover, .title3, .title3:hover, .fb, .yt, a.sociallink
{
	width: 44%;
}

a.titlelink, .titlelink, .sociallink, a.sociallink
{
	width: 100%;
}


.title5, .title4
{
	width: 88%;
	
}

#logo
{
	font-size: 40px;
	width: 44%;
	text-align: left;
}
#zegar
	{
		display: none;
		
	}

}

@media all and (max-width: 359px)
{
	
	.title1, .title1:hover, .title1a, .title1a:hover, .title2, .title2:hover, .title3, .title3:hover, .sociallink, .fb, .yt, a.sociallink
{
	width: 95%;
}

.title5, .title4
{
	width: 89%;
	
}
}