body {margin:0; font-family:'Open Sans'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a{text-decoration:none !important;}
.img img {width:100%}
ul {margin:0; padding:0; list-style:none}
:focus {
outline: 0;
}
input[type="button"],input[type="submit"],a,.transition,li { -webkit-transition: background-color 0.3s linear,color 0.3s linear,opacity 0.3s linear ;-moz-transition: background-color  0.3s linear,color 0.3s linear,opacity 0.3s linear ; -ms-transition: background-color  0.3s linear,color 0.3s linear,opacity 0.3s linear ;-o-transition: background-color  0.3s linear,color 0.3s linear,opacity 0.3s linear ; transition: background-color  0.3s linear,color 0.3s linear,opacity 0.3s linear ;}


header {
    color: #FFF;
    background-color: black;
    padding: 20px 0;
    z-index: 1;
    position: relative;
}

header h1 {
    font-weight: 800;
    font-size: 30px;
}

.content {
    background-image: url('../assets/images/pestline.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 200px 0 0;
}

.app {
    margin-bottom: 60px;
}

.form-group input {
    border: solid 1px #000;
    border-radius: 25px;
    width: 100%;
    padding: 10px 30px;
    background-color: transparent;
    font-size: 18px;
    font-weight: bold;
    color: black;
}

button {
  color: #FFF;
  background: #39B54A;
  background: linear-gradient(90deg, #39b54a 0%, #3fa9f5 100%);
  border: none;
  border-radius: 30px;
  padding: 12px 20px;
  font-size: 18px;
  font-weight: 600; }
button:hover {
    background: linear-gradient(90deg, #3fa9f5 0%, #39b54a 100%); }

.form-group a {
        text-decoration: underline !important;
        color: #000;
        margin-left: 20px;
        font-size: 16px;
}


input::-webkit-input-placeholder { color: black;}
input:-moz-placeholder {color: black;}
input::-moz-placeholder {color: black;}
input:-ms-input-placeholder {color: black;}

@media (max-width: 1920px) {
  
}
/*1680x1050*/
@media (max-width: 1680px) {
  
}
@media (max-width: 1600px) {
  
}
@media (max-width: 1440px) {
	
}
/*1366 x 768*/
@media (max-width: 1366px) {

}
@media (max-width: 1360px) {
}
/*1280x1024*/
@media (max-width: 1280px) {
  
}
@media (max-width: 1199px) {
    .content {
        background-size: 120%;
    }
}
/*1024 x 768*/
@media (max-width: 1024px) {
 
}
@media (max-width: 991px) {
     .content {
        background-size: 150%;
    }

}
@media (max-width: 768px) {
	.content {
       background-image: none;
    }

    .content::before {
         background-size: 150%;
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('../assets/images/pestline.jpg');
  background-size: cover;
  background-position:  center;
  opacity: 0.2; /* Sadece görsel saydam */
  z-index: -1;
}
header h1 {
    font-size: 18px;
}
}
@media (max-width: 767px) {

}
@media (max-width: 640px) {

}
@media (max-width: 480px) {

}
@media (max-width: 349px) {
  
}

@media (max-width: 299px) {

}