@charset "UTF-8";
@import url("fonts.css");
/* CSS Document */

/* GLOBALS */

body {
background-image:url(../img/bg_pattern.svg);
background-repeat:repeat-x repeat-y;
background-size:10%;
background-color: #fbed65;
color: #fbed65;
	
}

h1 {
font-family: 'saginaw_bold';
font-weight: normal;
font-style: normal;
margin:50px 0px 25px 0px;


}

a {
color:#fbed65;
text-decoration: none;



}

a:hover {
color:#fbed65;
text-decoration: none;
transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;

}

a:visited {
color:#fbed65;


}

a:active {
color:grey;
text-decoration: underline;



}

/*============================== */

.border {
border: 5px dashed #6f6f6e;
margin:50px 0px 50px 0px;
padding:20px;
border-radius:25px;
}

.contend {

background-color:#6f6f6e;
border-radius:25px;
padding:20px;
}



ul {
padding-top: 25px;
margin: 0px 0px 0px -39px;
list-style:none;

}

li {

line-height: 2em;
}

/* CONTACTS ============== */

#tel,#mail {margin:0px 0px 0px 40px;}

#adress,#mail {padding-bottom: 15px;}


#tel:before {
content: "";
width: 35px;
height: 35px;
position: absolute;
background-image: url(../img/tel.svg);
margin:5px 0px 0px -40px;

}

#mail:before {
content: "";
width: 35px;
height: 35px;
position: absolute;
background-image: url(../img/mail.svg);
margin:5px 0px 0px -40px;

}



/* ======================== */

.button {
background-color:#6f6f6e;
height:250px;
width:250px;
border-radius:250px;
color:#fbed65;
font-weight:bold;
text-align:center;
margin-top: 20px;
border: 5px solid #fbed65;
transform:rotate(-20deg);
-ms-transform:rotate(-20deg);
-webkit-transform:rotate(-20deg);
-moz-transform:rotate(-20deg);
-o-transform:rotate(-20deg);
}

.button p {
padding-top: 60px;
font-size: 40px;
font-family: 'saginaw_bold';
font-weight: normal;
font-style: normal;
}

@media (min-width:1024px) {

ul {
font-size:20px;
}

.button {
float:right;
margin-top: 50px;
}
	
	
}

@media (max-width:640px) {

h1 {
margin:25px 0px 25px 0px;
font-size:20px;
}

.button {
height:200px;
width:200px;
}

.button p {
padding-top: 50px;
font-size: 30px;
}
	
#tel,#mail {margin:0px 0px 0px 22px;}

#tel:before {
content: "";
width: 20px;
height: 20px;
position: absolute;
background-image: url(../img/tel.svg);
margin:6px 0px 0px -22px;

}

#mail:before {
content: "";
width: 20px;
height: 20px;
position: absolute;
background-image: url(../img/mail.svg);
margin:6px 0px 0px -22px;

}

li {
line-height: 2.5em;
}

ul {
font-size: 12px;
}
}

@media (min-width: 768px) {

#tel,#mail {margin:0px 0px 0px 35px;}

#tel:before {
content: "";
width: 30px;
height: 30px;
position: absolute;
background-image: url(../img/tel.svg);
margin:10px 0px 0px -35px;
}

#mail:before {
content: "";
width: 30px;
height: 30px;
position: absolute;
background-image: url(../img/mail.svg);
margin:10px 0px 0px -35px;
}

li {
line-height: 2.3em;
}

ul {
font-size: 20px;
}
}

/* IMG GALARIE ===================================== */

#logo {
padding: 20px;
}

.img-galarie {
padding:20px;
}

.img-galarie h1 {
margin: 10px 0px 25px 0px;
}

.img-galarie .col-md-12 {
border-top: 1px dashed #fbed65;
}

.img-galarie .col-md-3 {
padding:20px;
height: 160px;
overflow: hidden;
position: relative;
border-bottom: 1px dashed #fbed65;
border-top: 1px dashed #fbed65;
}

.img-galarie .col-md-3 img {
width: 219px;
height: 120px;
cursor: pointer;
position: absolute;
cursor: pointer;
transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
}

.img-galarie .col-md-3 img:hover {
overflow: hidden;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}



#slideshow {
margin-bottom: 25px;
}

@media (max-width: 1024px) {
.img-galarie {
display: none;	
}	
}