html {
scroll-behavior:smooth;
}


body {
font-family: 'Questrial', sans-serif;
scroll-behavior:smooth;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url("../img/header.jpg");
}
a:hover{
text-decoration:none;
}

.btn:not(:disabled):not(.disabled):active, .show > .btn.dropdown-toggle {
color: #444444!important;
background-color: #afffff!important;
border: none!important;
}

.btn:hover {
border: none!important;
}


.btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
color: #444444!important;
background-color: #afffff!important;
border: none!important;
}

.btn-primary:hover {
border: none!important;
}

.hrtitle,.hrtitle2{
margin-top:0px;
margin-bottom:50px;
width:100px;
height:2px;
border:none;
}

.hrtitle{
background:#00DDDD;	
}

.hrtitle2{
background:#AEAEAE;	
}


hr{
margin-top:30px;
width:150px;
height:2px;
background:#AEAEAE;	
}

#navigation{
background:#00DDDD;	 
box-shadow: 1px 0px 10px 5px rgba(120,120,120,0.3);
}

#navigation a{
color:white;
}

.paragraph{
padding-bottom:40px;
text-align:center;
}
.paragraphheader{
margin-top: 36px;
text-align:center;
font-size:20px;
}

.paragraph-contact-button{
padding-top:10px;
text-align:center;
}

.contact-button{
padding: 12px 50px;
background:#00DDDD;
border:none;
font-size:20px;
margin-top:10px;
}

.contact-button:hover {
background:#00EEEE;
}

/**************************************************************/

#transparence{
background-image: linear-gradient(to top,rgba(255,255,255,0),rgba(255, 255, 255, 0.8), rgba(255,255,255,0));
padding:170px 80px;
width:100%;
margin-top:35px;
}

.jumbotron{
width:100%;
background:none;
height:700px;
padding:80px 0;
}

.jumbotron img{
margin-left:38.5%;
width:23%;
}



/**************************************************************/
#col-feature-1{		
border-left:5px solid #00DDDD;
}

#col-feature-4{
border-right:5px solid #00DDDD;	
}

#col-feature-3 img,#col-feature-2 img{
width:100%;
height:100%;
}

#col-feature-2,#col-feature-3{		
padding:0px;
}

#col-feature-4,#col-feature-1{
padding:50px;
text-align:center;
color:black;	
transition:1s;
background:#f4f4f4;
}

#col-feature-4 h3,#col-feature-1 h3{
font-size:27px;
margin-bottom:20px;
color:black;
padding:20px;
}

#col-feature-1 h3{
border-right:4px solid #00DDDD;
}

#col-feature-4 h3{
border-left:4px solid #00DDDD;
}

#col-feature-4 p,#col-feature-1 p{
margin-top:50px;
}


/**************************************************************/
#presentation{
border-bottom:#ededed 10px solid;
}

#presentation, #feature,#contact{
text-align:justify;	
background-color:#ffffff;
}

#services {
border-top:6px #00DDDD solid!important;	
background:linear-gradient(rgba(255, 255, 255, 0.9), rgba(252, 252, 252, 0.8), 
rgba(250, 250, 250, 0.4), rgba(250, 250, 250, 0.3));
}

#presentation h2, #feature h2, #contact h2,#services h2{
padding:15px;
text-align:center;	
font-size:38px;
word-wrap:break-word;
width: 97.5%;
margin: 25px auto 0px;
}

#row{
margin-top:10px;
}

.row{
width:100%;
margin:auto;
}

.row-feature{
box-shadow: 1px 0px 10px 5px rgba(189, 189, 189, 0.1);
border:#ededed 1px solid;
}

/**************************************************************/

.services-container h2{
padding:15px 60px;

}

.services-item {
/*margin-top:5px;
margin-bottom: 60px;*/
}

.services-item-card{
background:rgb(255,255,255,0.9)!important;
padding:2.5%;
box-shadow: 1px 0px 10px 5px rgba(120,120,120,0.3);
border:#dadada 1px solid;
}

.services-card-body hr{
height:2px;
width:150px;
background-color: #cdcdcd;
margin-top:0px;	
border:none;
}

.card{
color:#444444;
border:none;
border-radius:0;
background:#ededed;
border-top:6px solid #00dddd ;
border-bottom:6px solid #444444 ;
}

.card-title,.card-title a{
color:black;
text-align:center;
}

.card-title{
padding:10px 20px;	
}
.card-img-top{
margin:33.5px 33.5% 0;
width:33%; 
}
.card-text{
padding:10px;
text-align:justify;	
}
/**************************************************************/
#contact{
padding:60px 0 100px;
}

#formrow{
margin-top:30px;
}

.form-control{
border-top:none;
border-left:none;
border-right:none;
border-bottom: 2px solid #AEAEAE;
border-radius:0;
}

#sendMessageButton{
padding: 12px 20px;
background:#00DDDD;
border:none;
font-size:20px; 
width: 100%;
}


@media (max-width: 1025px) {
	
	#col-feature-1,#col-feature-4{	
	padding:25px;
    font-size:15px;
	}
    
	#col-feature-1 h3,#col-feature-4 h3{	
    font-size:25px;
	padding:25px;
	}
	
	.jumbotron img{	
    width:50%;
    margin-left:25%;
    }
	
}

@media (max-width: 766px) {

	#col-feature-3{
	margin-top:15px;	
	}
    
	#col-feature-1,#col-feature-4{	
	padding:20px;
	}
	
	.card-text,.card-title{
	padding:2.5%;	
	}
	
	
    .jumbotron img{	
    width:80%;
    margin-left:10%;
    }


	
}

@media (max-width: 460px) {
	
	#col-other1,#col-other2, #col-other3{
	padding:0;
	}
	
	#col-other1 .container ,#col-other2 .container, #col-other3 .container{
	padding:0;
	margin:auto;
    }
    
    #transparence {	
    padding-left:40px;
    padding-right:40px;
    }
    
    
    .jumbotron img{	
    width:100%;
    margin-left:0%;
    }
    
    .services-item{
    padding:7px;
    }

	
}	

@media  screen and (min-width: 1419px) {
	 #transparence{	
	margin-top:135px;	
	}

	.jumbotron{
	height:900px;
	}
}

@media  screen and (min-width: 1919px) {
	#transparence{	
	margin-top:180px;
	}

	.jumbotron{
	height:1080px;
	}  
}