p{
    font-family: 'Tinos', serif;
}

h1, h2, h3, h4{
    
    font-family: 'Tinos', serif;
    
}



.jumbotron{
    
background-image: url("../images/anat 1.jpg");
      background-position:center;
 color:azure;
    width:100%;
    height:500px;
    margin-bottom:0;
    

}

.btn{
    
    background-color:#EAC68C;
}

.btn:hover{
    background-color:#66563D;
    color:white;
}

#cover h1{
    
    font-size:12vh;
   
}

#cover p{
font-size:6vh;
    

}
#headersqare{
    max-width:650px;
    height:auto;
    background-color:rgba(100,100,100,0.3);
    margin:auto;
    border:1px solid black;
    position:relative;
    top:15vh;
    
}
.about{
    padding:60px 50px;
    
    
}
.about p{
    font-size:18px;
    
}
.pwood, .wood, .about{
    
    background-color:#FFF5E5;
}

.pporcelain, .glass{
    
    
    background-color:#FFF5E5;
    
}

hr{
    margin:0;

  border-style: solid none;
  border-width: 1px 0;
    border-color: #7F6C4C;
  
}

#blue{
    color:blue;
    font-size:40px;
}

@media screen and (max-width:768px){
    
    .anatwo{
        
        margin:auto;;
    }
    
    #firstp  {
    display:none;
}
    
}
.contact{
    background-color:#E5DCCE;
}

.thumbnail{
    padding:0 0 15px 0;
    border:none;
    border-radius:0;
    background-color:#CCC4B7;
}

.thumbnail img{
    width:100%;
    height:auto;
    margin-bottom:10px;
}

.words{
    padding:60px 50px;
}
.words p{
    font-size:18px;
}

.navbar {
    margin-bottom: 0;
    background-color: #7F6C4C;
    z-index: 9999;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 3px;
    border-radius: 0;
}

.navbar li a, .navbar .navbar-brand {
    color: #fff !important;
    
}

.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #7F504E !important;
    background-color: #fff !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}

footer{
    
    background-color:#EAC68C;
}

footer .glyphicon{
    font-size:20px;
    margin:20px 40px;
    color:#66563D;
    
    
}

.thx{
display:none;
}

/*-------slide picture animation--- */

.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}