/*

	Theme Name: Rostfrei

	Theme URI: http://rostfrei.si

	Description: Rostfrei WordPress Theme from HTML5 Blank

	Version: 1.4.3

	Author: Rostfrei

	Tags: Blank, HTML5, CSS3



	License: MIT

	License URI: http://opensource.org/licenses/mit-license.php

*/



/*------------------------------------*\

    MAIN

\*------------------------------------*/



/* This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license.php */





/* Color Legend */






/* Reset */

* {
	margin: 0;
	padding: 0;
}

html,
body {
	margin: 0;
	padding: 0;
	border: 0;

	background: transparent;
	font-size: 1rem;
	font-family: 'Roboto Slab',serif;
	font-weight: 300;
	letter-spacing: 1px;
}

body {
	margin:0;
	overflow-x:hidden;
}
header {
	position: fixed;
	background-color: white;
	display: grid;
	justify-content: center;
	align-items: center;
  width: 100%;
  padding: 2rem;
  box-sizing: border-box;
  height: 140px;

}
.logo {
	width: 120px;
	margin: auto;

}
.menu ul {
	display: flex;
	list-style: none;
	gap: 2rem;
}

.menu ul li a {
	text-decoration: none;
	color: black;
	text-transform: lowercase;

}





.races {
	width:fit-content;
	display:flex;
	flex-wrap:nowrap;
}
.box,
.boxes {
	width: 100vw;
	height: 100vh;
	display: grid;
	justify-content: center;
	align-items: center;
	
}
.box1 {
	background-color: beige;
}
.box2 {
	background-color: darkcyan;	
}
.box3 {
	background-color: lightblue;	
}
.box4 {
	background-color: lightcoral;	
}
.box5 {
	background-color: lightsteelblue;	
}
.box6 {
	background-color: lightsalmon;	
}
.races h2 {
	font-family: 'Roboto Slab',serif;
	/*font-size:100vh;*/
	flex-shrink:0;
	padding-right:0.3em;
	padding-left:0.3em;
	color:#e10600;
	
	margin:0;	
}
.box4 h2 {
	opacity: 1;
}
.races h2:last-of-type {

}

.lightBG {
	background:#313143;
	color: white;
}

.space-20vh {
	height:20vh;
}

.space-30vh {
	height:30vh;
}

.space-50vh {
	height:50vh;
}

.space-100vh {
	height:100vh;
}

h2 {
	font-weight: lighter;
}




.barva1 {
	background-color: #dfd9cb;


}
.barva2 {
	background-color: #d5c7c1;

}
.barva3 {
	background-color: #e9e9e1;

}
.barva4 {
	background-color: #beb2b6;

}
.barva5 {
	background-color: #f4ede9;

}
.barva6 {
	background-color: #d2d3db;

}
.barva7 {
	background-color: #f0efef;

}
.barva8 {
	background-color: #b4b4ab;

}
.barva9 {
	background-color: #eeeff1;

}