body {
	background-color: white;
	color:#000000;
	overflow-x: hidden;
	line-height: normal;
}


h1{
	font-weight: 500;
	font-size:3vh;
}

h2{
	font-weight: 100;
	font-size:3vh;
}

h3{
	font-weight: 100;
	font-size:2.4vh;
}

h4{
	font-weight: 100;
	font-size:2vh	;
}

img{
	max-width: 100%;
    max-height: 100%;
}



.navbarSmallLogo {
	width:40px;
}

.ladingArea {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  background-image:url('/img/logo-background-gray2.jpg');
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
}

.fontBold{
font-weight: 500;
}

.fontShadow{
   font-weight: 500;
   -webkit-text-stroke: 1px #555;
}

.pushTop50 {
	padding-top:50px;
}

.pushTop100 {
	padding-top:100px;
}

.pushBottom50 {
	padding-bottom:50px;
}

.pushTop10 {
	padding-top:20px;
}

.pushTop20 {
	padding-top:20px;
}

.etriangoArea {
	height:100%;
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
  /* background-color:gray; */
  background-image:url('/img/logo-background-gray.jpg');
  /* color:rgb(122,194,69); */
    /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ridingArea {
	height:100%;
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
  background-color:white;
  background-image:url('/img/logo-background-gray.jpg');
  background-position:right;
  background-repeat: no-repeat;
  background-size: cover;
}

.tilABS {
	height:100%;
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
  background-color:white;
  background-image:url('/img/logo-background-gray.jpg');
  background-position:left;
  background-repeat: no-repeat;
  background-size: cover;
  }


.grip {
	height:100%;
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  color:black;
  background-image:url('/img/logo-background-gray2.jpg');
  position:relative;
} 


.innvoation {
	height:100%;
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  /* align-items: center; */
  /* background-color:black; */
  background-image:url('/img/logo-background-gray.jpg');

}

.leftandright {
	height:100%;
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
  background-image: linear-gradient(to right, white, #c0c0c0);
  /* background-color:white; */
  color:black;
} 

.center {
	text-align: center;
	margin: auto;
} 
.specification {
	height:100%;
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
  background-color:black;
  color:white;
}

.table-bordered {
	border: 1px solid #6E6E6E;
	font-size: 1.5vh;
}

.table-bordered td, .table-bordered th {
	border: 1px solid  #6E6E6E;
}

.table thead th {
	border-bottom: 2px solid #FF6868;
}

.spec-name{
  font-weight: bold;
  font-style: italic;
  /* width:30%; */
  border-right: 2px solid #FF6868;
}

.contact {
  height:100%;
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
  background-color:white;
  color:black;
}

.sr .fooReveal { visibility: hidden; }

@media only screen and (min-width: 768px) {
	.ramka {border-left: solid 1px; border-right: solid 1px;}
}


.fblogo {
    width: 32px;
    height: 32px;
}