@import url('https://fonts.googleapis.com/css?family=K2D');
* { font-family: 'K2D', sans-serif !important; }

@media (min-width:992px){
  h1{ font-size: 3.9em; line-height: 1.3em;}
  h2{ font-size: 2.4em; line-height: 1.1em;}
  h3{ font-size: 2.0em; line-height: 1.1em;}
  .navbar{ width: 295px !important; }
  div.header-img{ width: 60%; min-height: 350px;}
}
@media (min-width:992px){
  section.resume-section{
    padding-top:3rem!important;
    padding-bottom:3rem!important
  }
}

.bg-primary{
  background-color: #880101!important;
}
.text-primary{
  color:purple!important
}
a{
  color:purple
}
a:active,a:focus,a:hover{
  color:#824027
}

@media (max-width:991px){
  h1{ font-size: 2.5em; line-height: 1.3em;}
  h2{ font-size: 2.0em; line-height: 1.1em;}
  h3{ font-size: 1.8em; line-height: 1.1em;}
  div.header-img{ width: 100%; min-height: 150px;}
}
div.header-img{
  background-image: url(../images/header.png);
  background-repeat: no-repeat;
  background-size: contain; 
  background-position: center;
}
body{
  background-image: url(../images/background.jpg) !important; 
  background-repeat: no-repeat; 
  background-attachment: fixed; 
  background-size: cover; 
  background-position: center;
}
.purple{ color: purple;}
.red{ color: #880101;}
h3{ text-transform: unset; color: gray; }
p{ text-indent: 3em; }
.navbar{ box-shadow: #999 3px 1px 2px; }
.navbar-nav{ text-align: left; font-size: 1.05em;}
.container-fluid{ background: white; opacity: 0.9;}
.copyright{ font-size: 0.8em; line-height: 0.7em; color: #e4e1e1; }
a div.link{
  color: #555;
  display: inline-table;
  width: 300px;
  border: solid 1px #999;
  margin: 10px;
  padding: 5px;
  border-radius: 15px;
  height: 105px;
  font-size: 1.2em;
  text-align: center;
  background-color: #fdfae9;
}
div.link{
  background-image: url(../images/obg.png); 
  background-repeat: no-repeat;
  background-size: cover; 
  background-position: center;
}
a div.link:hover{
  color: white;
  background-color: #555;
}
.number{ font-size: 1.8em; color: royalblue; line-height: 1em; text-shadow: wheat 1px 1px 1px}
a div.link:hover .number{ color: salmon;}
.wheat{ color: wheat; font-size: 1.1em; font-weight: 500}
.questionnaire{width: 95%;  margin: auto; padding: 10px; border: solid 1px gray; border-radius: 10px;}
.column1{ display: inline-table; min-width: 45%;}
.column2{ display: inline-table; min-width: 15%; color: red; font-size:1.4em; text-align: right; padding-right: 15px;}
.column3{ display: inline-table; min-width: 25%;}

#sideNav .navbar-brand .img-profile {
    width: 200px;
    padding: 12px 6px;
}
#sideNav .navbar-collapse {
    padding: 16px;
}
.copyright {
    text-align: center;
    vertical-align: bottom;
}
.ita-qr-block{
  text-align: center;

}
.ita-qr-block h3{
  font-size: 18px;
  font-weight: 600;
  color: rgb(6 49 115);
  line-height: 28px;
}
.law-title{
  font-weight: 500;
  font-size: 18px;
  color: black;
  margin-top: 20px;
}