body:not(.browse) #content, #content{
margin-top:0;
padding-top:1rem;
}

header{
border-bottom: 3px solid #b2a28f;
margin-bottom:0;

}
.column2{
  float: left;
  width: 25%;
  padding: 25px;
min-width:260px;
}

.column2a{
  float: left;
  width: 25%;
  padding: 25px;
min-width:260px;
transition-duration: 2.4s;
}

.column2a:hover{
  float: left;
  width: 25%;
  padding: 0px;
min-width:260px;
transition-duration: 1.4s;
}


.column2b{
  float: left;
  width: 25%;
  padding: 25px;
min-width:260px;
transition-duration: 2.4s;
}

.column2b:hover{
  float: left;
  width: 25%;
  padding: 0px;
min-width:260px;
transition-duration: 1.4s;
}
.column2c{
  float: left;
  width: 25%;
  padding: 25px;
min-width:260px;
transition-duration: 2.4s;
}
.column2c:hover{
  float: left;
  width: 25%;
  padding: 0px;
min-width:260px;
transition-duration: 1.4s;
}
.column2d{
  float: left;
  width: 25%;
  padding: 25px;
min-width:260px;
transition-duration: 2.4s;
}

.column2d:hover{
  float: left;
  width: 25%;
  padding: 0px;
min-width:260px;
transition-duration: 1.4s;
}

.column {
  float: left;
  width: 33.33%;
 // padding:50px;
min-width:50px;
}
hr.new1{
border-top: 1px solid #b4a28f;
border-bottom:0px #fff;
}


.box{
background-color:#ddd;
  border: 1px solid #e7e7e7;;
  border-radius: 12px;
//  padding: 10px 10x;
font-size:0px;
line-height:1px;;
margin-bottom:0px;
}

.button2 {
  background-color: #ffffff;
  border: 2px solid #e7e7e7;;
  border-radius: 12px;
  color:#555;
  padding: 20px 20px;
  text-align: center;
//vertical-align: baseline;
  text-decoration: none;  
display: block;
  font-size: 14px;
  margin: auto; //10px 20px;
  cursor: pointer;
  transition-duration: 2.4s;
//height:42px;
width:42%;
min-width:200px;
}
.button2:link{
color:#222;
}
.button2:visited{
  color:#555;
}

.button2:hover{
  //background-color:#b4a28f ;
  border: 2px solid #e7e7e7;;
  border-radius: 12px;
  padding: 20px 40x;
  text-align: center;
  color:#555;
  text-decoration: none;
  display: block;
  font-size: 16px;
  margin: auto; //20px 20px;
 transition-duration: 1.4s;
  cursor: pointer;
}
.footermsg{
margin:auto;
text-align:center;
}

.logosrow{
height:50%;
width:50%;
margin:auto;
}

.footerrow{
width:60%;
margin:auto;
}



.mainpagetext{
width:100%;
font-size:16px;
font-family:'Noto Sans';
padding-left:5%;
padding-right:5%;
text-align:center;
//line-height:10px;
//margin-bottom:10px;
//margin:0;
}


.footer{
width:100%;
}





button[type=submit]{
  background-color: #b4a28f;
border: 2px solid #e7e7e7;;
  border-radius: 12px;
}

button:hover[type=submit]{
 background-color:#eeeeee;
color: #b4a28f;
transition-duration: 0.8s;
 border: 2px solid #e7e7e7;;
  border-radius: 12px;
}

textarea {
    min-height: 200px; 
}
input {
    height: 35px;
}
input [type=text] {
    min-height: 25px;
   max-height:25px
}
.fontCambia{
font-size:36px;
font-family:Cambria,serif;
}
.textfonttest{
font-size:32px;
font-family:'Noto Sans';
text-align:center;
}
/* Browse Τίτλοι */
.texttitletest{
font-family:Cambria,serif; /*'Comic Sans,MS',cursive;*/
font-size:30px;
/*font-weight:bold;*/
vertical-align:middle;
}

.test{
max-width:90%;

}



.pagetest
{
text-align:justify;
font-family:Cambria,serif;
font-size:12pt;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

.linkfix{
width:25%;
}

.nav-header{
font-family:Cambria,serif;
font-size:15pt;
}

.citation1821{
font-family:Cambria,serif;
font-size:11pt;
width:100%;
}

.citation1821link{
font-family:Cambria,serif;
width:100%;
font-size:8pt;
vertical-align:baseline;
}
/* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed;//absolute; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left:0;// 25%;
 //right:25%
//padding-left:5%;
//padding-right:25%;
  top: 0;
margin-left:auto;
margin-right:auto;
text-align:center;
  width: 100% ; /* Full width */


  height: 100% ; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */

}

.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
max-height: calc(100vh - 210px);
    
   // height: 80vh;
    overflow-y: auto;
}
/*body.modal-open{
height: 100vh;
  overflow-y: disabled;
position:fixed;
}*/

/* Modal Content (Image) */
.modal-content {
  margin: 5% auto;
  display: block;
  //width: 100% ;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 1000px;
  text-align: center;
  color: #ccc;
  padding: 1px 0;
  height: 50px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 5px;
  right: 35px;
  color: #f1f1f1;
  font-size: 30px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}