* {
    margin:0;
    padding:0;
}

body {
  background-color: rgb(236, 193, 193) !important;

}

.menu {
    float:left;
    background-color: #c2c2c2;
    width:100vw;
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;
}

.header {
    display: grid;
    height:100%;
}

.item {
    width:20vw;
    float:left;
}

.content {
  margin-top: 0px;
  padding-top: 0px;
}


.center {
    width: 100%;
    height: 70vh;
    margin:auto;
}
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: inherit;
    display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    margin-top:5vh;
    display: none;
    position: absolute;
    background-color: #ddd;
    width:20vw;
    z-index: 1;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-weight: bold;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #b8b8b8;}
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {display: block;}

  button {
    border:none;
    height:5vh;
    /*background-color: #c2c2c2;*/
    /*background-color: rgb(182, 63, 63);*/
    background-color: #9e0000;
    color:rgb(202, 202, 202);
  }

  button:hover {
    /*background-color: #999999;*/
    background-color: rgb(148, 85, 85);
  }

  .content {
    width:100vw;
    margin-top:10vh;
  }
  
  .pdiv {
    padding-top:2vh;
    font-size: 18px;
    /*font-weight: bold;*/
    font-family: Arial, Helvetica, sans-serif;
    width:75vw;
  }
  .subcontent {
    width:100vw;
    display: block;
    overflow: auto;
    padding-left:5vw;
    padding-top:5vh;
    padding-bottom: 5vh;
    border:1px solid black;
  }

  h1 {
    font-weight: bold;
  }

  .text {
    font-weight:bold;
    font-size:20px;
  }

  p {
    word-wrap: break-word;
  }

  /*rgb(148, 85, 85);*/

  #myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 50px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: 1px solid #999999; /* Remove borders */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    font-size: 18px; /* Increase font size */
    width:150px;
    height:auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  #myBtn:hover {
    background-color: rgb(148, 85, 85); /* Add a dark-grey background on hover */
  }

  .contentabout {
    width:100vw;
  }

  .subcontent_about {
    align-content: center;
    width:100vw;
    padding-left: 5vw;
    padding-top:5vh;
    border: 1px solid black;
    float:left;
    padding-bottom:5vh;


  }

  .photoonmain {
    height:40vh;
  }

  .photoarea {
    float:left;
    /*width:240px;*/
    height:360px;
    /*background-color: #9e0000;*/
    position:relative;
    margin:auto;
    /*max-width:150px;*/
  }

  .textarea {
    margin-left:5%;
    float:left;
    width:50vw;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    /*font-weight: bold;*/
    /* background-color: aqua;*/
    /*background-color: rgb(236, 193, 193);*/
  }

  .textareamain {
    margin-left:15%;
    float:left;
    width:90%;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    /*font-weight: bold;*/
    /* background-color: aqua;*/
    /*background-color: rgb(236, 193, 193);*/
  }

  div#vyber_tlakomera.subcontent {
    background-color:rgb(236, 193, 193) !important;
  }
  @media (max-width: 1024px) {
    .photoarea {
      float:left;
      /*width:240px;*/
      height:250px;
      /*background-color: #9e0000;*/
      position:relative;
      margin:auto;
    }

    .center {
      height:35vh;
    }

      
    button {
      width:25vw;
      font-size: 15px;
    } 

    .dropdown-content {
      font-size: 15px;
    }

    .photoonmain {
      height:35vh;
    }
    .item {
      width: 30vw; 
      font-size: 11px;
    }
    .dropdown-content{
      width:30vw;
    }
}


@media only screen and (min-width:1024px) and (max-width: 1920px) {
  .center {
    height:55vh;
  }
  .photoarea {
    float:left;
    /*width:240px;*/
    height:300px;
    position:relative;
    margin:auto;
  }

  .item {
    width: 30vw; }

    .dropdown-content{
      width:30vw;
    }


}