/* CSS Styles Petar Gerov 2017-04 */

body { 
	font-family: 'Roboto', sans-serif; 
	font-weight: 300; 
	font-size: 1em;
	}
	 
p.cyr { 
	font-family: 'Roboto', sans-serif;
    font-size: 16em;
    font-weight: 100;
    line-height: 100%;
    margin: 0em 0em 0em -0.13em;
    color: #e9f0f8;
     }
     
 p.lat { 
	font-family: 'Gentium Basic', serif;
	font-size: 20em;
	font-weight: 100;
	line-height: 50%;
	margin: -0.7em 0em 0.4em 0em;
	text-shadow: 3px 3px 6px #ccc;
	color: #7099cf;
	position: relative;
	 }
     
h1 { 
	font-family: 'Roboto', sans-serif; 
	font-weight: 300; 
	margin-top: 0; 
	}

h2 { 
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin-top: -1.3em;
	font-size: 20px; 
	}

	
address { 
	font-style: normal; 
	}
	
strong { 
	font-weight: 400; 
	}

.bg { 
  -webkit-transform: rotate(10deg); 
     -moz-transform: rotate(10deg); 
      -ms-transform: rotate(10deg); 
       -o-transform: rotate(10deg); 
          transform: rotate(10deg);
          display: block;
          z-index: -1;
 }	
.front { display: block; z-index: 1; }
#main {   
  -webkit-transform: rotate(-10deg); 
     -moz-transform: rotate(-10deg); 
      -ms-transform: rotate(-10deg); 
       -o-transform: rotate(-10deg); 
          transform: rotate(-10deg);
  margin-left: 3em;
  width:100%;
}


@media (min-width: 1200px) {

}

@media (min-width: 768px) and (max-width: 979px) {
  
}

@media (max-width: 767px) {

}

@media (min-width: 521px) {
 span.phone-mobile { display: none; }
}

@media only screen and (max-width: 520px) {
 span.phone-desktop { display: none; }
 #main, .bg {   
  -webkit-transform: rotate(0deg); 
     -moz-transform: rotate(0deg); 
      -ms-transform: rotate(0deg); 
       -o-transform: rotate(0deg); 
          transform: rotate(0deg);
		  }
	p.q { 
	font-size: 15em;
	line-height: 30%;
     }

 
}

@media print {


}