@import url('https://fonts.googleapis.com/css?family=Lato|Raleway');
@import url(https://fonts.googleapis.com/css?family=Roboto);

body {
  
  background-color: #fdfdfd;
  /**padding-top: 10%;**/
  padding-bottom: 0%; 
  
  font-family: "lato";
  font-size: 15px;
  color: #000002;
  -webkit-font-smoothing:  antialiased;
  -webkit-overflow-scrolling: touch;
  margin-top:0px;
 
  }

  .wraper {
    margin-left: 0;
  
  max-width: 1145px;
   
  }

  h1, h2, h3, h4, h5, h6 {
    font-family:"Raleway";
    font-weight: 300;
    color: #000002;
      }
  p {
    line-height: 28px;
    margin-bottom: 25px;
    font-family: verdana,arial,sans-serif;
    }
    .centered {
      text-align: centered;
    }
 
a:hover, a:focus {
  color: #fffdfd;
  text-decoration: none;
  outline: 0;
}

.ub {
width: 700px;
}
.cvpic {
  width: 150px;
  }
 
.left {
    float: right;
    width: 80%;
  }
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0;
  padding: 0;
  }

.navbar-inverse {
 
  background: #e98120; /**color of menu**/
  border-color: #e98120;  
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
 }
.navbar-inverse .navbar-nav li a {
  color:rgb(255, 255, 255); /**color of letters**/
  font-size: 22px;
  
 
}
.navbar-inverse .navbar-nav ul a {
  
  color:rgb(4, 12, 51); /**color of letters**/
  
  font-size: 22px; 
  margin-top: -5px; 
  margin-bottom: -5px;
  }

  .tilt {
    -webkit-transition:all 0.5s ease;
        -moz-transition:all 0.5s ease;
         -o-transition:all 0.5s ease;
        -ms-transition:all 0.5s ease;
            transition:all 0.5s ease;
    }
.container1  {
background-color: rgb(243, 243, 243);
border: #141312;
margin: 0 auto;
max-width: 1145px;
margin-top: -43px; 
margin-bottom: -43px;
 }
 .container2  {
 background-color: rgb(243, 243, 243);
border: #141312;             
margin: 0 auto;
max-width: 1145px;
margin-top: -20px; 
 margin-bottom: -50px;
               
 }     
      
 .container3  {
background-color: rgb(255, 255, 255);
border: #141312;
                      
                      
margin: 0 auto;
                 
 max-width: 1145px;
 margin-top: 60px; 
 margin-bottom: -43px;
                       
   }      


  .tilt:hover {
    -webkit-transition: rotate(-10deg);
        -moz-transition:rotate(-10deg);
         -o-transition:rotate(-10deg);
        -ms-transition:rotate(-10deg);
            transition:rotate(-10deg);
  }

  footer {
    width: 100%;
    background-color: #e98120;
    padding: 3%;
    margin: 0px;
    
  }
 
 
  
  .gallery{
    margin:10px 50px;
  }
  .gallery img{
    width: 230px;
    padding: 5px;
    filter: grayscale(100%);
    transition: 1s;
  }
  .gallery img:hover{
    filter:grayscale(0);
    transform: scale(1.1);
  }
  .ort {
    color: red;
  }
  .con{
    padding: 20px;
  }