@charset "UTF-8";
/* CSS Document */

html,
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

header {
	padding: 10px;
}
a:link {
    text-decoration: none;
    color: #9999FF;
}
a:visited {
    text-decoration: none;
    color: #F30201;
}
a:hover {
    text-decoration: underline;
    color: #F30201;
}
a:active {
    text-decoration: none;
    color: #F7D003;
}
body,td,th {
    color: #9999FF;
}
* {box-sizing: border-box}
body {font-family: Arial, Helvetica, sans-serif;}

.navbar {
  width: 100%;
	float: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
  overflow: auto;
}

.navbar a {
  float: center;
  padding: 12px;
  color: #F7D003;
  text-decoration: none;
  font-size: 16px;
  width: 14.2%; /* Four links of equal widths */
  text-align: center;
}

.navbar a:hover {
  background-color: #000;
	color: #F30210;
}

.navbar a.active {
 color: #F30210;
}
p {
	text-align: left;
	color: #99F;
	font-size: 14px;
	padding: 12px;
	line-height: 1.5;
    float: center;
    display: block;
}

div.gallery {
  border: 1px solid #777;
}

div.gallery:hover {
  border: 3px solid #ccc;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
	text-color: #F30201;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding:  6px;
  float: left;
  width: 24.99999%;
}


.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 6px;

}


.row1 {
	width: 100%;
	padding: 6px;
	display: block;
	float: center;
	margin-left: auto;
	margin-right: auto;
	
	
}

.row:after, .row:before {
	content: "";
	display: table;
	clear:both;
}

.col1 {
	max-width: 1000px;
	padding: 12px;
	display: block;
	float: center;
	margin-left: auto;
	margin-right: auto;
}


.col2 {
max-width: 800px;
	width: 600px;
	padding: 12px;
	display: block;
	float: center;
	margin-left: auto;
	margin-right: auto;
}

.col3 {
	max-width: 800px;
	padding: 12px;
	display: block;
	float: center;
	margin-left: auto;
	margin-right: auto;
}



@media only screen and (max-width: 650px) {
 
  .navbar a {
    float: center;
    display: block;
    width: 100%;
    font-size: 28px;
	font-weight: 150;
	text-align: center;
	text-decoration: none;
  }
	
	.responsive {
    width: 100%;
  }


.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.style-logo {
	float: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 100%;
}

.style-nav ul {
	list-style-type: none;
}

.style-nav ul li a {
	font-size: 28px;
	font-weight: 150;
	text-decoration: none;
	color: #F7D003;
	text-align: center;
	display: block;
	text-transform: uppercase;
	padding: 12px;
}

ul li:hover a {
	color: #F30210;
}


.row1 {
	max-width: 600px;
	padding: 12px;
	display: block;
	float: center;
	margin-left: auto;
	margin-right: auto;
}

.row:after, .row:before {
	content: "";
	display: table;
	clear:both;
}



.col1 {
	max-width: 600px;
	padding: 12px;
	display: block;
	float: center;
	margin-left: auto;
	margin-right: auto;
}


.col2 {
max-width: 600px;
	width: 400px;
	padding: 12px;
	display: block;
	float: center;
	margin-left: auto;
	margin-right: auto;
}



body {
	background-color: #000;
}


.footer {
	text-align: center;
	float: center;
	margin-left: auto;
	margin-right: auto;
	display: block;

}

}



/*Tablet view*/
@media (max-width: 850px){

	.style-logo {
	float: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 100%;
}

	.navbar {
    width: auto;
	float: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	

	
	.col1 {
	max-width: 800px;
	padding: 12px;
	display: block;
	float: center;
	margin-left: auto;
	margin-right: auto;
}


.col2 {
max-width: 600px;
	width: 400px;
	padding: 12px;
	display: block;
	float: center;
	margin-left: auto;
	margin-right: auto;
}

.col3 {
	max-width: 600px;
	padding: 12px;
	display: block;
	float: center;
	margin-left: auto;
	margin-right: auto;
}
	
}



@media (min-width: 1024px){
	
}