@import url(https://fonts.googleapis.com/css?family=Tienne:900);
@import url(https://fonts.googleapis.com/css?family=Signika);
body {
  background: #f9f9f9 url(../images/paisley.png);
}

.navbar-inverse{

  background: #f9f9f9 url(../images/black_linen_v2.png);
}



.page-header { 
  font-family: 'Tienne', serif;
  margin: 0;
  text-transform: capitalize;
}

.navbar-inverse .navbar-nav>li>a {
  font-family: 'Tienne', serif;
  color:#fff;
}

.container {

}

.navbar-brand{
  padding: 0;
}



.img-center {
  margin: 0 auto;
  border:4px double darkorange;
}
h3 , h4{

  font-family: 'Tienne', serif;

}
.servizi{
  color:#990033;
}

.mkmazid {
  float: none;
  margin: 0 auto;
}

.navbar-inverse .navbar-brand{

 font-family: 'Tienne', serif;
 color:darkorange;
 font-size: 2em;
 top: 20px;
 position: relative;
 left: 20px;
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover{
  color:darkorange;
  
}

.pStyle{
  font-family: 'Signika', serif;
  color: #323232;
  font-size: 1.5em;
  line-height: 2em;
  text-transform: capitalize;
  text-align: justify;
}

hr.style-seven {
  height: 30px;
  border-style: solid;
  border-color: black;
  border-width: 1px 0 0 0;
  border-radius: 20px;
}
hr.style-seven:before { /* Not really supposed to work, but does */
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-color: black;
  border-width: 0 0 1px 0;
  border-radius: 20px;
}
/* Flexible iFrame */

.Flexible-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mkfooter{
  background: cadetblue url(../images/black_linen_v2.png);
  margin-bottom: 20px;
  padding: 1%;
  border-radius: 20px;
}
.carousel-inner h2{
 font-family: 'Tienne', serif;
 color: darkorange;
 font-size: 3em;
 text-shadow: 0 0 3px #000;
 text-transform: uppercase;

}
hr{
  margin: 2%;
}
.boxtitle{
 font-family: 'Tienne', serif;
 color: chocolate;
 font-size: 2.5em;
 text-transform: uppercase;
 margin: 1%;"
}

.border{

  border: 4px double darkorange;
}
.border:hover{

  border-color: cadetblue;
}

.block1{
  font-family: 'Signika', serif;
  font-size: 20px;

  
}
.lb-outerContainer{
  background-color: chocolate;
}
.viewmore{

  font-family: 'Signika', serif;
  font-size: 1.2em;
  display: inline-block;
  padding: 10px;
}

.gray{

  color:#f8f8f8;
}

.footer-icons a {
  padding: 10px;
}

.spacer{

  margin: 20px;
}
.chocolate{

  color:chocolate;
}

.dsiamo a{

  padding: 20px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	
	.boxtitle{
   font-size: 1.5em !important;

 }

 .navbar-inverse .navbar-brand{

   font-size: 1.3em;
 }
 .carousel-inner h2 {

  font-size: 1.8em;
}

body > div.container > div > div:nth-child(1) > center > div > h1{
 font-size: 1.5em !important;

}
#myCarousel > div > div.item.active > div.carousel-caption > h2 > a {
  font-size: 13px !important;
}

body > div.container > div > div:nth-child(2) > center > strong > strong > h3 {
 font-size: 1.2em !important;
}

body > div.container > strong > strong > div:nth-child(2) > div.col-lg-12 > center > h3 {
 font-size: 1.5em !important;
}

body > div.container > strong > strong > div:nth-child(4) > div.col-lg-12 > h2{

 font-size: 1.8em !important;
}
.page-header{

 font-size: 1.8em !important;
 position: relative;


}

}

@media (max-width:1200px) and (min-width:1000px) {
  .navbar-inverse .navbar-brand {

    font-size: 1.5em;
    top: 12px;
  }
  .nav>li>a {

    padding: 10px 6px;
  }
  }​

  @media (max-width:999px) and (min-width:750px) {
    .navbar-inverse .navbar-brand {font-size: 6em;top: 12px;} 
    .nav>li>a {padding: 10px 6px;}
}