<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {box-sizing: border-box;}


#kurziva{
	font-style: italic;
	font-weight: normal;
}

body { 
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 0;
  margin: 0px; /* PMA */
  /* PMA */
  min-width: 500px;  /* PMA */
  max-width: 3000px /* PMA */
}

img {                 /* PMA */
  max-width: 100%; 
  height: auto;
}

.img-cover {          /* PMA */
    height: 0;
    padding-bottom: 43%;
}

.img-cover img {      /* PMA */
  width: 100%;
}



/* Style the menu with a grey background and some padding */
.menu {
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  padding-top: 0px;
  position: fixed; z-index: 1;
  border-bottom: 1px solid #a9a9a969;
}

/* Style the menu links */
.menu a {
  float: inherit;
  color: #a9a9a9;
  text-align: center;
  padding: 20px 60px;
  text-decoration: none;
  font-size: 18px; 
  line-height: 60px;
  border-radius: 4px;
}

/* Style the logolink (notice that we set the same value of line-height and font-size toprevent the menu to increase when the font gets bigger */
.menu a.logo {
  font-size: 5px;
  font-weight: normal;
  border-radius: 4px;
}

/*Change the background color on mouse-over */
.menu a:hover {
  background-color: #eee;
  color: #666;
}

/* Style theactive/current link*/
.menu a.active {
  background-color: dodgerblue;
  color: white;
}

/* Style the menu links */ /* PMA */
.btn {
  color: #a9a9a9;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  border: 1px solid #ccc;  
  border-radius: 10px;
  padding: 10px 30px;
 }

/*Change the background color on mouse-over */ /* PMA */
.btn:hover {
  background-color: #eee;
  }

/* Float thelink section to the right */
.menu-right {
 float: right;
}

.pict {                                   /* PMA */ 
 text-align: center;
}

.texty {                                    /* PMA */ 
 max-width: 1140px;
 text-align: justify;
 margin-left: auto;
 margin-right: auto;
 color: #666 ;
}




/* Scrool To top */  /* PMA */
/* Image style */
#scrollUp {
    background-image: url("../img/top1.png");
    bottom: 20px;
    right: 20px;
    width: 38px;    /* Width of image */
    height: 38px;   /* Height of image */
}
/* End Scroll To top */



/* Add media queries for responsiveness - when thescreen is 500px wide or less, stack the links on top of each other */ 
@media screen and (max-width: 650px) {

.menu a {
  float: left;
  color: #a9a9a9;
  text-align: center;
  padding: 0px 5px;
  text-decoration: none;
  font-size: 16px; 
  line-height: 60px;
  border-radius: 4px;
}
.img {                                    /* PMA */ 
margin-left: -85px;
 width: 139%;
}
body {
padding: 0 15px;
}
#section5 {
	padding: 160px 0;
	}

#section5 h1 {
	margin: -280px 0;
	}
#section5 p {
	margin: 300px 0;
	}
#section5 a {
	margin: 300px 0;
	}
}