/*
WALLX.ORG 
You can change lines where is GREEN description.
Every other change is at your own risk.
Use Notepad++ to edit and save this file.
*/
body,h1,h2,h3,h4,h5,h6 {font-family: 'Comfortaa', cursive;} /* choose font from https://fonts.google.com/ */
body{
	background-color: #3f80b2; /* choose color from https://www.w3schools.com/colors/colors_picker.asp */
    color: #fff; /* color of "under logo text","image download text" and "image description" */
	max-width: 1400px;
    margin: auto;
	margin-bottom: 55px;
	}
.img-box{margin-top: 0px;}
.img-block{text-align: center;}
.main{
	margin-left: 10px;
    margin-right: 10px;
	margin-bottom: 20px;
	}
h3{
   text-align: center;
   color: #f7f7f7; /* color of "image title" and "top-random page title" */
   padding: 15px;
   border-radius: 20px;
   border-color: #ddd; /* border color of "image title" and "top-random page title" */
   border-style: groove;
   border-width: 2px;
   }
h3 a{
  color: #ddd; /* color of "reload button" on random page */
  text-align: center;
  text-decoration: none;
  }
p{
  margin-top: 0;
  }
img{
	max-width: 100%;
    height: auto;
	border-radius: 15%; /* delete to disable round corners of "images" */
	border: 2px solid #f7f7f7; /* border thickness and color of "small images" */
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
div.gallery {
  transition: transform .2s;
  }
div.gallery:hover {
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  }
div.gallery img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
div.desc {
  text-align: center;
  color: #f9f9f9; /* color of "small image title" */
  text-shadow: 0 0 5px #000;
  height: 25px;
  }
div.desc:hover {
  -ms-transform: scale(1.00);
  -webkit-transform: scale(1.00);
  transform: scale(1.00);
  }
* {
  box-sizing: border-box;
  }
div.logo {
	text-align: center;
    display:block;
    margin:auto;
	max-width: 600px;
	margin-top: 10px;
	}
div.logo img {
	width: 100%;
    height: auto;
	border-radius: 0%;
	border: 0px;
	box-shadow: 0px 0px 0px 0 rgba(255, 255, 255, 0), 0px 0px 0px 0 rgba(255, 255, 255, 0);
	}
.responsive {
  padding: 0 6px;
  float: left;
  width: 33.33333%;
  margin: 6px 0;
  }
.responsivead img {
  padding-bottom: 6px;
  display: block;
    margin-left: auto;
    margin-right: auto;
	border: 0px;
    border-radius: 0;
	max-width: 100%;
    height: auto;
	box-shadow: none;
  }
.clearfix:after {
  content: "";
  display: table;
  clear: both;
  }
.topnav {
  overflow: hidden;
  border-top: groove;
  border-color: #ddd; /* border color of "bottom menu" */
  border-width: 2px;
  background-color: #001f38; /* color of "bottom menu" */
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 1400px;
  border-radius: 25px 25px 0px 0px;
  }
.topnav a {
  float: left;
  color: #f2f2f2; /* text color of "bottom menu" */
  text-align: center;
  padding: 8px 20px;
  text-decoration: none;
  font-size: 17px;
  }
.topnav a:hover {
  background-color: #ddd; /* mouse over color of "bottom menu" */
  color: #000; /* text color on mouse over of "bottom menu" */
  border-radius: 25px 25px 0px 0px;
  }
.topnav a.active {
  background-color: #000; /* active page color of "bottom menu" */
  color: #fff; /* text color on active page of "bottom menu" */
  border-radius: 25px 25px 0px 0px;
  }
.topnav-centered a {
  float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }
.topnav-right {
  float: right;
  }
@media only screen and (max-width: 1025px) {
  .responsive {
	width: 50%;
	margin: 6px 0;
  }
  }
@media only screen and (max-width: 500px) {
  .responsive {width: 100%;}
  .topnav a, .topnav-right {display: block;}
  body{ margin-bottom: 90px; }
  .topnav-centered a {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
	}
	.topnav a:hover {
  border-radius: 0px 0px 0px 0px;
  }
  .topnav a.active {
  border-radius: 0px 0px 0px 0px;
  }
  }
.pagination {
  text-align: center;
  }
.pagination a {
  color: #c7cbce; /* text color of "pagination" */
  padding: 8px 16px;
  margin: 3px;
  display: inline-block;
  text-decoration: none;
  border: 2px solid #ddd; /* border color of "pagination" */
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 25px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
.pagination a.active {
  background-color: #001f38; /* color on active page of "pagination" */
  color: #fff; /* text color on active page of "pagination" */
  }
.pagination a:hover:not(.active) {
	background-color: #001f38; /* color on mouse over of "pagination" */
	color: #fff; /* text color on mouse over of "pagination" */
  }
div.resolution {
	text-align: center;
	margin-bottom: 5px;
	}
.resolution a {
	border-color: #ddd; /* border color of "download button" */
    border-style: groove;
    border-width: 2px;
	color: #fff; /* text color of "download button" */
	padding: 5px 10px;
	text-decoration: none;
	display: inline-block;
	border-radius: 12px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	cursor: pointer;
	}
.resolution a:hover {
  background-color: #001f38; /* color on mouse over of "download button" */
  }
.dropbtn {
  background-color: #001f38;
  color: #fff; /* text color of "category menu title" */
  margin: 0 15px;
  padding: 7px 0;
  font-size: 17px;
  border: none;
  cursor: pointer;
}
.dropdown {
  display: flex;
  justify-content: center;
  min-width: 100px;
  }
 .topsearch {
	position: relative;
    top: 3px;
    z-index: 2;
  }
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9; /* color of "dropdown category menu" */
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 15px;
  text-align: center;
  margin-top: 33px;
  min-width: 150px;
  }
.dropdown-content a {
  color: black; /* text color of "dropdown category menu" */
  padding: 6px 8px;
  text-decoration: none;
  display: block;
  }
.dropdown-content a:hover {
	background-color: #f1f1f1; /* hover color of "dropdown category menu" */
	border-radius: 25px;
	}
.dropdown:hover .dropdown-content {
  display: block;
  }
.dropdown:hover .dropbtn {
    background-color: #ddd; /* mouse over color of "dropdown category menu" */
  color: #000; /* text color on mouse over of "dropdown category menu" */
  }
.dropdown2 {
  position: sticky;
  top: 0;
  margin: 10px 0;
  display: flex;
  justify-content: center;
  z-index: 2;
  border-radius: 0px 0px 25px 25px;
  border-color: #ddd; /* border color of "top menu" */
  border-style: groove;
  border-width: 2px;
  background-color: #001f38; /* color of "top menu" */
  width: 100%;
  max-width: 1400px;
  }
input[name=search] {
    padding: 5px 5px;
    border: none;
    border-radius: 20px;
    margin: 2px;
	width: 133px;
	margin-bottom: 6px;
}
button.go {
  background-color: #ddd; /* color of "search button" */
  color: #fff; /* text color of "search button" */
  padding: 5px 5px;
  border: none;
  border-radius: 20px;
  cursor: pointer;
}
button.go:hover {
 background-color: #45a049; /* hover color of "search button" */
}
 div.share {
	display: flex;
	justify-content: center;
	margin: 5px 0 0;
}
.tags {
  text-align: center;
  }
.tags a {
  color: #c7cbce; /* text color of "tags" */
  padding: 5px 5px;
  margin: 3px;
  display: inline-block;
  text-decoration: none;
  border: 2px solid #ddd; /* border color of "tags" */
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 25px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
.tags a:hover:not(.active) {
	background-color: #001f38; /* color on mouse over of "tags" */
	color: #fff; /* text color on mouse over of "tags" */
  }
    .none {
	border-radius: 0;
	border: 0px;
	box-shadow: none;
  }
.button9{
	padding: 6px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 1em;
    margin: auto;
    transition-duration: 0.4s;
    cursor: pointer;
    font-weight: bold;
    background-color: white;
    color: black;
    border: 2px solid #0e647d;
    border-radius: 10px;
    display: block;
    box-shadow: 0px 0px 3px 0px #bbb;
    margin-bottom: 5px;
	}
.button9:hover{
	background-color: #0e647d;
	color: white;
	}