html,body{margin:0;min-height: 100vh; }	
html{font-family: 'Montserrat', sans-serif;font-size: 12px;letter-spacing: 0.06em;}
body{display:grid;grid-template-columns: 300px 1fr; justify-content:stretch;margin:0;}
nav{padding:4px;background-color: #a5b5c9;}
section_label{background-color: rgb(255 254 185);padding:4px;display:flex;justify-content: center;margin: 6px 0 4px 0;}
article{display:flex wrap;flex-direction: column; text-align: justify;}
cv_option{background-color: rgba(255, 255, 255, 0.438);margin-left:8px;padding:4px;display:flex;margin:1px 0px;}
label{min-width: 20%;text-align:left;}
cv_option label:first-child{margin-right: 4px;min-width: 38%;text-align:right ;}
button{min-width:75%;min-height:28px; margin: 5px 10% ;font-family: 'Montserrat', sans-serif;font-size: 12x;}
input, select{min-width: 60%;}
input[type=radio]{min-width: 20px;margin:0;}
input[type=checkbox]{min-width: 20px;margin:0;}
main{background-color: lightgray;overflow:hidden;}	
iframe{width: 100%;height: 100%;margin:1px;}
p{margin: 2px 0 4px 0;font-size:11px;}

.nbp {font-size: smaller;line-height: 120%; display: flex; flex-wrap: wrap;margin-top: 4px;}
.nbp div {margin-right: 20px;}
.flexlist_v {display:flex;flex-direction:column;margin:0px 16px 0px 4px;}
.flexlist {display:flex; flex-direction:row; flex-wrap: wrap;}
.flexlist div {margin-right: 20px;}
.bold {font-weight: bold;}

@media (max-width: 1300px) 
{  
  body{display:grid;grid-template-rows: 26px 1fr; grid-template-columns: 1fr; justify-content:stretch;margin:0;}
  nav{padding:1px;display:grid;grid-template-columns: 1fr 200px;}
  section_label{padding:4px;display:flex;justify-content: center;margin:0;}
  button{min-height:0;height:fit-content; margin: 0px 2px;}
  #ChangeCV{display:grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 24px 1fr;grid-auto-flow: column;gap:1px}
  section{grid-row:2; grid-column: 1 / span 3;}
  section_label:hover + section{z-index: 1;background-color: #a5b5c9;position:relative;height: fit-content;}
  section:hover{z-index: 1;background-color: #a5b5c9;position:relative;height: fit-content;}

}