@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic&subset=latin,cyrillic);

html {
  font-family: Roboto Condensed;
}


body {

  font-family: Roboto Condensed;
  font-size: 2.5rem;

  font-weight: 100;

  margin-top: 42px;
}


@media screen and (max-width: 1200px) {
    html {font-size: 9px;}
}
@media screen and (max-width: 1004px) {
    html {font-size: 8px;}
}
@media screen and (max-width: 640px) {
    html {font-size: 7px;}
}




h1,

h2,

h3,
p,
li {

  margin-bottom: 1rem;

}

h1 {
  font-size: 5rem;
  line-height: 1.0625;
  letter-spacing: -0.02rem;
}
h2 {
  font-size: 4rem;
}
h3 {
  font-size: 3rem;
}
h4 {
  font-size: 2rem;
}


#navbar {
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%;
}


#navbar a, #navbar p{
  color: #FFF; 
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}


.navbar-brand {
  font-size: 3rem;
}



.page-header {
    margin-top: 30px;
}


.notfronted-container {
    padding: 24px 10%;
}


.field--item img {
   border: 1px solid #DDD !important;
}


.main-foto {
 
  background: transparent url('./images/Dobrenko.jpg') no-repeat fixed;

  background-size: contain;
  min-height: 640px;

  min-height: 100vh;
}


.imagebox img{
    display: block;
    float: left;
    padding: -1px;
    position: relative;
    overflow: hidden;
    width: 33.3%;
}


.imagebox img{
  width: 30%;
  margin: 8px;

  border-style: solid;
  border-width: 29px 32px 29px 34px;
  -moz-border-image: url(frame.png) 29 32 29 34 stretch;
  -webkit-border-image: url(frame.png) 29 32 29 34 stretch;
  -o-border-image: url(frame.png) 29 32 29 34 stretch;
  border-image: url(frame.png) 29 32 29 34 fill stretch;
}






#block-views-block-gallery-block-1, 
#block-sitewidecontactform-2, 
#block-about, 
#block-clinic {
    padding: 25vh 10%;
}



#block-sitewidecontactform-2, 
#block-about, 
.bg_custom {
    background: #F1F1F1 none repeat scroll 0% 0%;
    border-bottom: 1px solid #E4E4E4;
    border-top: 1px solid #E4E4E4;
}