@import url(https://fonts.googleapis.com/css?family=Bangers);

/*body*/

body { 
font: 20px/1.5 Roboto, Tahoma, sans-serif;
letter-spacing:-0.5px;
padding: 10px 10px;
margin: 0 0 0 0;
background:#ffffff;
} 

/*global*/

.caption {
	font-style: italic;
}

.link a{
	color:#9acd78;
}


h1{
margin:0;
}

ul{
	padding:0;
	margin:0;
}
	
/*header*/

header{
	max-width: 550px;
	text-align:center;
	background:#789acd;
	color:#000000;
	min-height:70px;
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:175px;
	border:#000000 3px solid;
	border-radius: 10px;
	padding-top:10px;

}

header .title{
	font-family:Bangers;
	line-height: 1;
	font-size: 75px;
	letter-spacing:2px;
	text-shadow: 1px 2px #5f7aa3;
	text-transform: uppercase;
}

header .subtitle{
	font: 42px Bangers, sans-serif;
	line-height: 1;
	letter-spacing:1px;
	text-shadow: 1px 2px #5f7aa3;
	text-transform: uppercase;	
	font-weight:600;
}

/*nav*/

header nav{
	margin:auto;
	margin-top:5px;
	margin-bottom:10px;
}

header a{
	font: 25px Bangers, sans-serif;
	color:#9acd78;
	line-height: 1;
	letter-spacing:1px;
	text-shadow: 1px 2px #556e94;
	text-transform: uppercase;	
	text-decoration: none;
	font-weight: 600;
}

header li{
	display:inline;
	padding: 0 10px;
}

header .highlight, header .current a{
	color:#cd789a;
	font-weight: 1000;
	}

/*rotate*/

#rotate{
	display:none;
}
	
/*section*/

#card{
	max-width: 570px;
	background:url('../img/whatsapp.PNG')-10px 137px; 
	margin:auto;
	border:#000000 3px solid;
	border-radius: 10px;
}

#card-inner{
	max-width:550px;
	margin:auto;
	background:#789acd;
	color:#000000;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;
	border:#000000 3px solid;
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;

}
#card-inner .subtitle{
	font: 42px Bangers, sans-serif;
	line-height: 1;
	letter-spacing:1px;
	text-shadow: 1px 2px #5f7aa3;
	text-transform: uppercase;	
	font-weight:600;
	text-align: center;
}

#card-inner img{
		border-radius: 10px;
		margin-bottom: 10px;
}
#card-inner .justify-centre {
	text-align: center;
}

#card-inner li{
	margin-left: 20px;
}

	
#intro{
	float:left;
	text-align:center;
	background:#cdab78;
	color:#000000;
	min-height:70px;
	margin-top:10px;
	margin-right: 10px;
	max-width:185px;
	margin-bottom:10px;
	border:#8f7754 3px solid;
	border-radius: 10px;
	padding: 43px 10px 40px 10px;
}


/*slider*/

@keyframes slidy {
0% { left: 0%; }
6% { left: 0%; }
10% { left: -100%; }
16% { left: -100%; }
20% { left: -200%; }
26% { left: -200%; }
30% { left: -300%; }
36% { left: -300%; }
40% { left: -400%; }
46% { left: -400%; }
50% { left: -500%; }
56% { left: -500%; }
60% { left: -600%; }
66% { left: -600%; }
70% { left: -700%; }
76% { left: -700%; }
80% { left: -800%; }
86% { left: -800%; }
90% { left: -900%; }
96% { left: -900%; }
}

div#slider {
	margin:auto;
	overflow: hidden; 
	margin-top:10px;
	margin-bottom:10px;
}
	
div#slider figure img {
	width: 10%; float: left;
	border-radius: 10px;
}
	
div#slider figure { 
  position: relative;
  width: 1000%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 35s slidy infinite; 
}

/*media queries*/
@media(max-width: 590px){
	#card {display:none;}
	#rotate {display:block;}
	}