@charset "utf-8";
/* CSS Document */
html{
	width: 100%;
	height: 100%;
    background: url(img/bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
.vscont{
	width: 100%;
	height: 100%;
}
.vstitle{
    position: relative;
    top: 4em;
    max-width: 100%;
    min-width: 50px;
}
img#logo{
    width:250px;
    height:146px;
    
}
.vsmenu{
    top: 2em;
    position: relative;
}
.vsmenu#row1{
	width: 20%;
	/*background-color: #008CBA; /* Blue */
	border: none;
	border-radius: 15px;
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	-webkit-background-size: cover;
    -moz-background-size: cover;
	transition-duration: 0.4s;
	cursor: pointer;
	background:url(img/button.png) no-repeat;
	background-position:bottom;
}
.vsmenu#row1:hover{
	/*background-color: #4CAF50; /* Green */
	background: #4CAF50; /* Green */
	color: white;
}
.vsmenu#row2{
	width: 20%;
	background-color: #008CBA; /* Blue */
	border: none;
	border-radius: 15px;
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	background:url(img/button.png) no-repeat;
	background-position:bottom;
}
.vsmenu#row2:hover{
	/*background-color: #4CAF50; /* Green */
	background: #4CAF50; /* Green */
	color: white;
}
.vsmenu#row3{
	width: 20%;
	background-color: #008CBA; /* Blue */
	border: none;
	border-radius: 15px;
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	background:url(img/button.png) no-repeat;
	background-position:bottom;
}
.vsmenu#row3:hover{
	/*background-color: #4CAF50; /* Green */
	background: #4CAF50; /* Green */
	color: white;
}
.vsmenu#row4{
	width: 20%;
	background-color: #008CBA; /* Blue */
	border: none;
	border-radius: 15px;
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	background:url(img/button.png) no-repeat;
	background-position:bottom;
}
.vsmenu#row4:hover{
	/*background-color: #4CAF50; /* Green */
	background: #4CAF50; /* Green */
	color: white;
}
.vsmenu#row5{
	width: 20%;
	background-color: #008CBA; /* Blue */
	border: none;
	border-radius: 15px;
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	background:url(img/button.png) no-repeat;
	background-position:bottom;
}
.vsmenu#row5:hover{
	/*background-color: #4CAF50; /* Green */
	background: #4CAF50; /* Green */
	color: white;
}
.vsmenu#row6{
	width: 20%;
	background-color: #008CBA; /* Blue */
	border: none;
	border-radius: 15px;
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	background:url(img/button.png) no-repeat;
	background-position:bottom;
}
.vsmenu#row6:hover{
	/*background-color: #4CAF50; /* Green */
	background: #4CAF50; /* Green */
	color: white;
}
.vsmenu#row7{
	width: 20%;
	background-color: #008CBA; /* Blue */
	border: none;
	border-radius: 15px;
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	background:url(img/button.png) no-repeat;
	background-position:bottom;
}
.vsmenu#row7:hover{
	/*background-color: #4CAF50; /* Green */
	background: #4CAF50; /* Green */
	color: white;
}
.vsmenu#row8{
	width: 20%;
	background-color: #008CBA; /* Blue */
	border: none;
	border-radius: 15px;
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	background:url(img/button.png) no-repeat;
	background-position:bottom;
}
.vsmenu#row8:hover{
	/*background-color: #4CAF50; /* Green */
	background: #4CAF50; /* Green */
	color: white;
}
a{
	color:#FFF;	
}
.vsfooter{
	position: relative;
	bottom: -5em;
	left: auto;
	width:100%;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
    color: white;
    text-shadow: rgba(0,0,0,0.5) 0px 3px 3px;
}
/* Small devices (portrait tablets and large phones, 600px) */
@media only screen and (max-width: 600px) {
  html {width: 100%;}
  div {font-size: 12px; width:100%;}
  img#logo {width:120px;height:70px;}
  .vstitle{top:0;width: 100%;position: relative;}
  .vsmenu{top:0px;width: 100%;height: auto;position: relative;}
  .vsmenu#row1{width: 50%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-position:bottom;}
  .vsmenu#row2{width: 50%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-position:bottom;}
  .vsmenu#row3{width: 50%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-position:bottom;}
  .vsmenu#row4{width: 50%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-position:bottom;}
  .vsmenu#row5{width: 50%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-position:bottom;}
  .vsmenu#row6{width: 50%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-position:bottom;}
  .vsmenu#row7{width: 50%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-position:bottom;}
  .vsfooter{position: relative;bottom: -5px;left: auto;width:100%;text-align: center;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;color: white;text-shadow: rgba(0,0,0,0.5) 0px 3px 3px;}
}

/* Medium devices (landscape tablets, 768px) */
@media only screen and (max-width: 768px) {
  html {width: 100%;}
  div {font-size: 12px; width:100%;}
  img#logo {width:120px;height:70px;}
  .vstitle{top:0;width: 100%;position: relative;}
  .vsmenu{top:0px;width: 100%;height: auto;position: relative;}
  .vsmenu#row1{width: 50%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-position:bottom;}
  .vsmenu#row2{width: 50%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-position:bottom;}
  .vsmenu#row3{width: 50%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-position:bottom;}
  .vsmenu#row4{width: 50%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-position:bottom;}
  .vsmenu#row5{width: 50%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-position:bottom;}
  .vsmenu#row6{width: 50%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-position:bottom;}
  .vsmenu#row7{width: 50%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-position:bottom;}
  .vsfooter{position: relative;bottom: -5px;left: auto;width:100%;text-align: center;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;color: white;text-shadow: rgba(0,0,0,0.5) 0px 3px 3px;}
}

/* Large devices (QHD screen, 2560px and up) */
@media only screen and (min-width: 2560px) {
  html {width: 100%;}
  div {font-size: 20px; width:100%;}
  img#logo {width:250px;height:146px;}
  .vstitle{top:3.5em;width: 100%;position: relative;}
  .vsmenu{top:4em;width: 100%;height: auto;position: relative;}
  .vsmenu#row1{width: 20%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-size:100%;background-position:bottom;background-color:black;}
  .vsmenu#row2{width: 20%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-size:100%;background-position:bottom;background-color:black;}
  .vsmenu#row3{width: 20%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-size:100%;background-position:bottom;background-color:black;}
  .vsmenu#row4{width: 20%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-size:100%;background-position:bottom;background-color:black;}
  .vsmenu#row5{width: 20%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-size:100%;background-position:bottom;background-color:black;}
  .vsmenu#row6{width: 20%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-size:100%;background-position:bottom;background-color:black;}
  .vsmenu#row7{width: 20%;border: none;border-radius: 15px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 20px;margin: 4px 2px;-webkit-transition-duration: 0.4s;-webkit-background-size: cover;-moz-background-size: cover;transition-duration: 0.4s;cursor: pointer;background:url(img/button.png) no-repeat;background-size:100%;background-position:bottom;background-color:black;}
  .vsfooter{position: relative;bottom: -10em;left: auto;width:100%;text-align: center;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;color: white;text-shadow: rgba(0,0,0,0.5) 0px 3px 3px;}
}