/*
Theme 
Design by Bryan Yip
29 - 11 - 2016
*/

/*GENERAL*/
html, body{
	width: 100%;
	height: auto;
	
	margin: 0px;
	padding: 0px;
	border: 0px;
	
	font-family: Arial; 
	color: #555555;
	min-width: 1020px;
	}
	
	@media screen and (max-width: 720px){
		body{
			min-width: 690px;
		}
	}
	
h1, h2, h3{
	margin: 0px;
	}
	
h1{
	font-size: 31px;
	}
p{
	font-size: 16px;
	}
	
/*backgrounds (layer_1)*/
.top-background{
	width:100%;
	height: auto;
	background-color: #213c60;
	}
	
.nav-background{
	width: 100%;
	height: 85px;
	background-color: white;
	}
	
.header-background{
	width: 100%;
	height: auto;
	background-image: url("../img/bground.jpg");
	}
	
.about-background{
	width: 100%;
	height: auto;
	background-color: white;
	}
	
.services-background{
	width: 100%;
	height: autopx;
	background-color: #eeeeee;
	}
	
.siec-background{
	width: 100%;
	height: auto;
	background-color: white;
	}
	
.contact-background{
	width: 100%;
	height: auto;
	background-color: #6ca1e8;
	}
	
.footer-background{
	width: 100%;
	height: auto;
	background-color: #213c60;
	}
	
/*Layer 2*/
	/*TOP*/
	.site-top .grid_12{
		text-align: right;
		font-size: 14px;
		padding: 5px 0px 5px 0px;
		color: white;
		}
		
	/*NAVIGATION*/
	.site-nav ul{
		float: right;
		padding: 0px;
		}
		
	.site-nav li{
		list-style-type: none;
		float: left;
		font-size: 17px;
		padding: 15px 0px 15px 48px;
		margin: 0px;
		}
		
	.site-nav li a{
		text-decoration: none;
		color: #555555;
		}
		
	.site-title{
		padding-top: 27px;
		}
		
		.site-title h1{
			font-size: 24px;
			color: #6ca1e8;
			}
			
		@media screen and (max-width: 720px){
			.site-title{
				display: none;
			}
		}
		
	/*HEADER*/
	.site-header{
		text-align: center;
		padding: 157.5px 0px 157.5px 0px;
		color: white;
		}
	
		.site-header h1{
			font-size: 64px;
			}
		.site-header h2{
			font-size: 32px;
			}
		.site-header h3{
			font-size: 21px;
			}	
			
			@media screen and (max-width: 720px){
				.site-header h1{
					font-size: 36px;
					margin: 10px 0px 10px 0px;
				}
				
				.site-header h2{
					font-size: 24px;
					}
					
				.site-header h3{
					font-size: 18px;
					}
			}
		

			
	/*ABOUT US*/
	.site-about{
		padding: 50px 0px 50px 0px;
		}
		
		.site-about p{
			line-height: 180%;
			text-align: justify;
			}
			
	/*SERVICES*/
	.site-services{
		padding: 50px 0px 50px 0px;
		}
		
		.site-services ul{
			padding: 0px;
			}
			
		.site-services li{
			list-style-type: none;
			padding: 20px 0px 20px 0px;
			border-bottom: 1px solid #cdcdcd;
			}
		
	/*SPECIALIZED IN EUROPEAN CARS*/
	.site-siec{
		padding: 50px 0px 50px 0px;
		text-align: center;
		}
		
		.site-siec table{
			margin: 25px auto;
			}
			
		.site-siec td{
			height: 75px;
			width: 75px;
			padding: 0px 25px 0px 25px;
			}
		
			@media screen and (max-width: 720px){
				.site-siec td{
					height: 42px;
					width: 42px;
				}
			}
		
	/*CONTACT*/
	.site-contact{
		padding: 50px 0px 50px 0px;
		color: white;
		}
	
		.site-contact a{
			text-decoration: none;
			color: white;
			}
		
	/*FOOTER*/
	.site-footer{
		padding: 50px 0px 50px 0px;
		text-align: center;
		color: white;
		}
		
		.site-footer a{
			text-decoration: none;
			font-weight: bold;
			color: #ffc659;
			}