/* LAYOUT */

body {
  color: white;
  font-family: "Times New Roman", Times, serif;
  line-height: 1.5;
  padding: 1rem;
  margin: 0 auto;
  background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(121,9,9,1) 48%, rgba(74,14,14,1) 86%);
  height: auto;
  overflow:hidden;
}

/* NAVIGĀCIJA - site nav ir */
.navigators {
    display: flex;
    flex-direction: column;
    background-color: white;
    border: 10px solid white;
    border-style: ridge;
    width: 10vw;
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0.1ex 0;


}
.navigators li {
  background-image: url("/atteli/patterns/CANVAS19.JPG");
  font-size:1.35vw;
  width: 100%;
	
}
.navigators li:hover {
  color: darkred;
  background-color: darkgrey;
  border: 1px inset grey;
  text-decoration: none;
}
.navigators a{
  color: white;
  font-weight: bold;
  padding-left: 1vw;
  text-shadow: 2px 2px red;
  height:4vh;
  text-decoration: none;
}
h1{
            display: flex;
            justify-content: center;
	    font-size: 8vh;
}
h2{
	font-size: 5vh;
	padding-left: 1vw;

}
a{
	color:white;
	text-shadow: 3px 0px darkred;
}
a:hover{
	color:red;
	text-shadow: 3px 0px darkred;
}
.box{
    display: block;
    margin: 0.7rem auto;
}
.joks img{
	height:50%;
	width:50%;

}
.galvena-lapa {
    background-color: black;
    border-style: ridge;
    background-image: url("");
    background-repeat: repeat;
    overflow-y: scroll;
    height: calc(100vh - 5rem);
}
.logo {
    background-color: rgba(74,14,14,1);
    border: 10px solid white;
    border-style: ridge;
    height: auto;

}
.saturs {
 	margin: 1vw;
	font-size:1.5vw;
	color:white;
	

}
.border{
	border-style; outset;
}
.img{

}
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: darkred;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #white;
}
.atskanotajs{
	background-image: url("/atteli/patterns/CANVAS19.JPG");
	color:white;
	position:fixed;
	right:0px;
	bottom:0px;
	margin:15px;
	z-index:10;

}


/* TE SĀKAS RESPONSĪVISMS ------------------------------- */
@media (min-width: 2000px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-1 { flex-basis: 8.333333%; max-width: 8.333333%; }
  .col-xxl-2 { flex-basis: 16.666667%; max-width: 16.666667%; }
  .col-xxl-3 { flex-basis: 25%; max-width: 25%; }
  .col-xxl-4 { flex-basis: 33.333333%; max-width: 33.333333%; }
  .col-xxl-5 { flex-basis: 41.666667%; max-width: 41.666667%; }
  .col-xxl-6 { flex-basis: 50%; max-width: 50%; }
  .col-xxl-7 { flex-basis: 58.333333%; max-width: 58.333333%; }
  .col-xxl-8 { flex-basis: 66.666667%; max-width: 66.666667%; }
  .col-xxl-9 { flex-basis: 75%; max-width: 75%; }
  .col-xxl-10 { flex-basis: 83.333333%; max-width: 83.333333%; }
  .col-xxl-11 { flex-basis: 91.666667%; max-width: 91.666667%; }
  .col-xxl-12 { flex-basis: 100%; max-width: 100%; }
}
@media only screen and (max-width: 1150px) {
.webamp{
left: 2vw;
top: 5vh;

}

}

@media only screen and (max-width: 900px) {
body{
overflow: visible;
}
.navigators {
    width: 100%;
    text-align: center;
}
.navigators li {
    font-size: 3vw;
}
.logo-ramis{
	width:100%;
	height: auto;
}
.logo{
 width: 100%;
 max-width: 100%;
 height: 100%;
}
.img-fluid{
 object-fit: cover;
 display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
.saturs{
font-size:3vw;
}
.galvena-lapa{
 height: 100vh;
}
.webamp{
	width: 100%;
	 display: block;
  margin-left: auto;
  margin-right: auto;
  height: 24vh;
  left: auto;
  top: auto;

}
}