.anim-slider{background-color: #fff;}
.anim-slide{opacity: 0;}
.anim-slide-this{opacity: 1;}
li.anim-slide:nth-of-type(1){background:#fff url("../images/banner1.jpg") 100%/cover; background-attachment: fixed;}
li.anim-slide:nth-of-type(2){background:#fff url("../images/banner2.jpg") 100%/cover; background-attachment: fixed;}
li.anim-slide:nth-of-type(3){background:#fff url("../images/banner3.jpg") 100%/cover; background-attachment: fixed;}

li.anim-slide:nth-of-type(1)>h1
{
	position: static;
	display: inline-block;
	margin: 0;
	font-size:40px;
	padding: 0px 25px;
}
h1#looks{background-color:#fff;color:#00d1f0;margin-top: 10%;}
h1#amazing{background-color:#eb5d50;color:#fff;margin: 0px -5px;}
h1#place{background-color:#00d1f0;color:#fff;}


li.anim-slide:nth-of-type(2)>div
{
	width: 100%;
	height: 100%;
}
div#img1{background:#fff url("../images/banner4.jpg") 100%/cover; background-attachment: fixed;}
div#img2{background:#fff url("../images/banner5.jpg") 100%/cover; background-attachment: fixed;}
div#img3{background:#fff url("../images/banner6.jpg") 100%/cover; background-attachment: fixed;}

li.anim-slide:nth-of-type(3)>h1
{
	margin: 0;
	font-size:48px;
	color: #ffffff;
}
h1#T{top:30%;left: 10%;}
h1#r{top:30%;left: 25%;}
h1#y{top:30%;left: 50%;}
h1#i{top:30%;left: 58%;}
h1#t{top:30%;left: 68%;text-transform: capitalize;padding: 0px 1%;background: #eb5d50;}
h1#mark{top:30%;left: 80%;}

div#demo{text-align: center;}
div#demo>a{display:inline-block;text-decoration: none;}
div#demo>a>h4{padding: 5px 8px;margin: 20px;background-color: #225A86;color: #fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.15);}
p#credits{z-index:-1;position: fixed;bottom: 0px;width: 100%;text-align: center;font-size: 14px;}
p#credits>a{font-weight: bold;color: #999;text-decoration: none;}
img#github-logo{z-index:-1;position: fixed;bottom: -20px;right: 2%;opacity: 0.4;}

@media screen and (max-width: 1024px){
h1#T{top:30%;left: 15%;}
h1#r{top:30%;left: 40%;}
h1#y{top:30%;left: 75%;}
h1#i{top:45%;left: 30%;}
h1#t{top:45%;left: 45%;text-transform: capitalize;padding: 0px 1%;background: #eb5d50;}
h1#mark{top:45%;left: 60%;}
}

@media screen and (max-width: 720px){
h1#T{display: none;}
h1#r{display: none;}
h1#y{display: none;}
h1#i{display: none;}
h1#t{display: none;}
h1#mark{display: none;}
}
@media screen and (max-width: 480px){
h1#T{display: none;}
h1#r{display: none;}
h1#y{display: none;}
h1#i{display: none;}
h1#t{display: none;}
h1#mark{display: none;}
}
@media screen and (max-width: 320px){
h1#T{display: none;}
h1#r{display: none;}
h1#y{display: none;}
h1#i{display: none;}
h1#t{display: none;}
h1#mark{display: none;}
}