@font-face{
	font-family:"trebuc";
	src: url("../font/trebuc.ttf") format("truetype");
}
h1, h2, h3, h4 {font-family: 'trebuc', "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

h4 {font-size: 17px;
	line-height: 1.8;
}

.italic {
	font-style:italic;
}

h1, h2, h3, p, a {text-align: center;
}

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

.wrapper{
	margin:0px auto;
	max-width:1240px;
    width: 100%;
	padding-left:20px;
	padding-right:20px;
	position:relative;
}

header {
	box-shadow: inset -6px -6px 8px -6px #000000;
}

nav #logo {
	float: left;
	width: 280px;
	}
#logo img {
	width: 100%;
	padding-top: 5px;
}

#intro-box {
	width:100%;
	height: 600px;
}
#intro-box img{
	display: block;
	margin-top: -20px;
	width: 100%;
	height: 550px;
	object-fit: cover;
	position: relative;
	z-index: 0;
}

#intro-text {
	position: relative;
	width: 60%;
	max-width: 1240px;
	margin: 0px auto;
	top: -350px;
	text-align: center;
	color: #f0f0f0;
	line-height: 2;
	}

#inner-intro-box {
	width:100%;
	height: 350px;
}
#inner-intro-box img{
	display: block;
	margin-top: -20px;
	width: 100%;
	height: 330px;
	object-fit: cover;
	position: relative;
	z-index: 0;
}

#inner-intro-text {
	position: relative;
	width: 60%;
	max-width: 1240px;
	margin: 0px auto;
	top: -200px;
	text-align: center;
	color: #f0f0f0;
	line-height: 2;
	}

#innerh1 {
	padding: 10px;
	border: #f0f0f0 solid;
	margin-left: 25%;
	margin-right: 25%;
	border-radius: 15px;
}

#homeh3 {
	padding: 3px;
	border: #f0f0f0 solid;
	margin-left: 30%;
	margin-right: 30%;
	border-radius: 15px;
}

.btn {
	color: #f0f0f0;
	text-decoration: none;
}

#homeh3:hover{
	background-color:#f0f0f0;
	color:black;
}


header nav{
	width:100%;
	text-align: right;
	top:-40px;
}
	
header nav ul{
	list-style:none;
	font-size:20px;
	padding-left:0;
	color: black;
	margin-top: 0px;
}
	
header nav li{
	display:inline-block;
	vertical-align:middle;
	margin-left:40px;
	color: black;
}

header nav li:first-child{
	margin-left:0;
}

header nav li a:link, header nav li a:active, header nav li a:visited{
	color: black;
	text-decoration:none;
	font-family:'trebuc';
}

#nav-last{
	color: white;
}

header nav li a:hover{
	color:#36546e;
}

header nav li:last-child{
	background-color:#10147e;
	padding: 30px 10px 30px 10px;
	}
	
#homeh1{
	top:30%;
	font-size:36px;
}

hr.hr1 {
	border-top: 3px solid #36546E;
	width: 150px;
	
	
	
}
.col-2 {
	width: 49%;
	display: inline-block;
	margin: 0;
	padding: 10px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	line-height: 1.5;
}

.col-2 img {
	width:100%;	
}

.col-2 a{
		text-decoration:none;
		font-family:"trebuc";
		text-align:center;
		vertical-align:middle;
		color:#36546E;
}
	
#testi {
	background-color: #f0f0f0;
	padding: 20px 0 20px 0;
	text-align: center;
	margin: 30px 0 0 0;
}

#client {
	margin: 50px 0 0 0;
	padding: 0;
}

.col-3 {
	width: 32%;
	display: inline-block;
	padding: 1%;
	vertical-align: middle;
}
.col-3 img {
	width: 100%;
	vertical-align: middle;
	}

.col-4 {
	width: 24%;
	display: inline-block;
	padding: 3%;
	vertical-align: top;
}
.col-4 img {
	width: 100%;
	}
.col-4 p {
	line-height: 1.5;
}

.col-4:hover {
	padding: 2%;
	background-color: #f0f0f0;
}

#blog-nav {
	display: block;
	font-size: 14px;
	}
#blog-nav p {
	text-align: left;
}
#blog-nav a:link, #blog-nav a:visited, #blog-nav a:active {
	color:black;
}

#text {
	display: block;	
}
#text h3, #text p {
	text-align: left;
	line-height: 1.8;
}

#news-contact {	
	background-color: #76849E;
	background-image: url("../images/hands.jpg");
	background-position: right;
	background-size: 50%;
	background-repeat: no-repeat;
	color: white;
	margin: 40px 0 0 0; 
}
#news-contact a {
	color:white;
	}

#news a {
	text-decoration: underline;
	text-align: left !important;
}

#news a:hover {
	color: black;
	}

#contact-bttn {
	padding: 10px;
	border: #f0f0f0 solid;
	margin-left: 30%;
	margin-right: 30%;
	border-radius: 15px;
}

#contact-bttn:hover{
	background-color:#f0f0f0;
	color:black;
}

iframe {
	overflow:hidden;
}

footer {
    color: white;
    background-color: #333333;
    width: 100%;
    margin-top: 0;
    padding: 10px 0px;
    text-align: center;
    font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
}

footer ul {
	list-style:none;
	font-size:18px;
}

footer li {
	display: inline-block;
	margin-left: 30px;
}

footer li:first-child {
	margin-left: -30px;
}

footer li a:link, footer li a:active, footer li a:visited{
	color: #f0f0f0;
	font-family:'trebuc';
	text-decoration: none;
}




/*------media query------*/

/*--not big fullscreen desktop--*/	
@media all and (min-width:1000px) and (max-width:1600px) {


	
}

/*--tablet to small desktop--*/
@media all and (min-width:769px) and (max-width:999px) {
    
.f-background {
	background-image: none;
}
}


/*--smaller than tablet--*/
@media all and (max-width:768px) {



/*--horizontal phone to tablet--*/
@media all and (min-width:481px) and (max-width:767px) {
    


/*--phone portrait to phone horizontal--*/
@media all and (min-width:329px) and (max-width:480px) {



}


/*--smaller phone--*/
@media all and (max-width:328px) {
	

	
}