html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body{
    background-image: url(img/zuzus.avif);
    background-size: 100%; 
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    background-color: #000;
}

@media only screen and (max-width: 1000px) {
  .logo{width: 100%; margin: 0px auto;}
  .logo img{width: 100%;}
  .vip{width: 100%; text-align: center;}
  .vip img{width: 60%;}
  
  .vipalan {width: 100%; padding: 0px !important;}
    .vipalan img{width: 100%;}
    
    .alt{width: 100%;}

.alt img{width: 100%;}
  
  .sosyal{width: 100%;}
.sosyal img{width: 100%;}


.sol{position: fixed; left: 0px !important; top: 150px; z-index: 1;}
.sol img{width: 40px !important; height: auto !important;}

.sag {position: fixed; right: 0px !important; top: 150px; z-index: 1;}
.sag img{width: 40px !important; height: auto !important;}

.ustbanner {width: 90% !important; text-align: center;}

.ustbanner img{width: 90% !important}

}


a {cursor: pointer !important;}

.ustbanner {margin: 20px auto; max-width: 950px;}

.logo{max-width: 805px; max-height: 302px; margin: 0px auto;}

.uyari{max-width:900px; margin: 0px auto; text-align: center; font-family: 'Caprasimo', cursive; text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px; color: #FFC621; font-size: 40px; margin-top: 30px}

.vip{max-width: 432px; margin: 15px auto;}

.alt{max-width: 910px; margin: 20px auto;  justify-content: center;   display: flex;}

.alt img{margin: 20px 10px;}

.sosyal{max-width: 400px; margin: 0px auto; justify-content: center;   display: flex; margin-bottom: 50px; margin-top: 15px;}
.sosyal img{max-width: 80px; margin-right: 20px;}

.vipalan {max-width: 900px; margin: 0px auto; justify-content: center;   display: flex; margin-bottom: 50px; padding: 20px; border: 1px solid #FFC621; background-color: rgba(0, 0, 0, 0.4);}
.vipalan img{max-width: 300px;}
.vipalanbaslik {font-family: 'Caprasimo', cursive; bottom: 0px; margin-bottom: 0px; margin: 0px auto; max-width: 900px; padding: 10px 20px; text-align: center; color: #000; font-size: 20px; background-color: #eab412; border: 1px solid #FFC621; margin-top: 15px; border-radius: 10px 10px 0px 0px;}

.sol{position: fixed; left: 50px; top: 150px; z-index: 1;}
.sag {position: fixed; right: 50px; top: 150px; z-index: 1;}