/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

html#html-index{
  background-color: grey!important;
}

html#html-page{
  background-color: #d6e5ff!important;
}

body#body-index{
  background-color: grey!important;
}

body#body-page{
  background-color: #d6e5ff!important;
}

#language-button{
  background-color: white;
  border: none;
  margin:0;
}

a.dropdown-toggle{
  height:50px;
}

#link-language{
  padding:10px;
}

.jumbotron{
  padding:15px;
  height:auto;
  color:black;
  background-color:#e1e5f4;
  -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:white 2px solid;
}

.jumbotron h1{
  margin-bottom:0;
  padding-bottom:0;
}

.jumbotron h2{
  padding-top:0;
  margin-top:0;
  color:black;
  font-size:28px;
}

.jumbotron h3{
  font-size:18px;
  padding:0;
  margin:0;
  color:#474747;
}

hr{
  border-top: 1px solid black!important;
}

h1{
  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif!important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover{
  color:black!important;
  background-color: #f7d9d9!important;
}

.navbar-nav li a{
  border-radius: 5px!important;
}

.container{
  border:none;
  margin-left:0!important;
  margin-right:0!important;
}

.col-sm-3{
  padding-left:0!important;
}





/*#whiteSide{
  height:100vh;
  position: absolute;
  top:0;
  right:0;
  width:auto;
  z-index:1;
  background-color: #e1e5f4;

}*/

#content{
  
}

/*.divInside{
  padding-right:20%;
  padding-left:10%;
  padding-top:5%;
  padding-bottom:15%;
}*/

p{
  font-size:18px;
  line-height:28px;

}

li{
  font-size:16px;
}

#attyImage{
  max-width:400px;
}

@media only screen and (min-width: 769px) {
  .navbar-default{height:150px;}
  .container-fluid{padding-top:45px;}
  .nav-right{margin-right:26px;}
  .divInside{margin-top:150px;}
  #attyImage{width:100%;}
  .col-sm-9{padding-top:180px!important;position:relative!important;left:200px;width:60%!important;}
  ul{padding-left:0px;}

}

@media only screen and (max-width: 768px) {
    div.divInside{padding:10px;}
    div#sideGrid{display:none;}
    /*img#imgLogoBig{display:none;}
    img#imgLogoSmall{display:inline;}*/
    div#whiteSide{width:100%;}
    #link-language{display:none;}
    .navbar-default{height:52px;}
    .navbar-brand{font-size: 22px!important;}
    #content{padding-top:50px;}
    #attyImage{width:100%;}

}

@media screen and (min-width:1100px){
  .navbar-default{
  padding-left:5%;
  padding-right:13%;
  background-color:white!important;
  border:none;}
  .navbar-brand{font-size: 50px!important;}
}


@media screen and (min-width:768px) and (max-width:1100px){
    .navbar-default{
      padding-left:0%;
      padding-right:0%;
      background-color:white!important;
      border:none;}
    .navbar-brand{font-size: 22px!important;}
}


.navbar-default{
  z-index:10000;
  background-color: transparent;
}
#menu-button{
  border:none;
  position: absolute;
  bottom:0;
  right:0;
  padding:10px;
}

.container-fluid{
  height:100%;
  z-index:10000;
  background-color: white;
}



.navbar-header{
  height:100%;
  border:none;
  font-style: bold;

}

.navbar-brand{
  height:auto;
  position:relative;
  border:none;
  color: white;
  
  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  color:black!important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover {
  color: #D41800!important;}

.navbar-collapse{
  background-color: white;
  text-align: right;
  width:150px;
    border:none;
  padding-left:0!important;


}

.pull-right{
  z-index:900;
}

#imgLogoSmall{
  display:none;
  z-index:10000;
}

#sideGrid{
  height:100vh;
}

#sideImage{
  height:100%;
}

#profile, 
#company,
#services,
#contact{
  display:none;
}

.language-button{
  border: none;
  background-color:transparent;
}

.language-button a{
  color:black;
}