html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  
}



*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
/* Reset */
*{margin: 0px; padding:0px;}
img, img a{outline:none; max-width:100%;height:auto;}
body{
 background: url(../images/bgr-ortodox-video.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   



background-color:#fff; color:#575757; font:110.3% "Cambria,Georgia",times,serif; margin:0; padding:0;text-align: left;}
a, a:visited{outline:none; color:#cc3333; text-decoration:none;font-size:1.1em;}
a:hover{text-decoration:none; color : #ffffff;  background-color:#cc3333;}



.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





	 
.break-word {
		word-wrap: break-word;
}


/* Modern Clear Floating Fix */

.clear:before, .clear:after{content:""; display:table;}
.clear:after{clear:both;}
.clear{zoom:1; /* For IE 6/7 (trigger hasLayout) */}

/* HTML5 Fix */

header, section, footer, aside, nav, article{display:block;color: #fff;}

/* Base Structure */

.bodywidth{width:960px; margin:0 auto; clear:both; }
 
	
/* General Type */

h1, h2, h3, h4, h5, h6{color:#010101; font-family:"Georgia",arial;font-size:0.9em;}
.bold{font-weight:bold;}
.blue{color:#4086c6;}

/* Header */



#headerwrap{width:100%; background:#fff repeat-x 0 0; height:65px;}



  

#mainheader{padding:0px 10px 0px 10px; color:#2f2f2f; text-shadow:0 0 1px #fff;}
.logo{float:left; margin:0 10px 0 0; -webkit-transition:-webkit-transform 0.4s ease-out; -moz-transition:-moz-transform 0.4s ease-out; transition:transform 0.4s ease-out;}
.logo:hover{cursor:pointer; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg);}



.imgo{  padding:0px 10px  0px 0px; border:none;max-width:120;height:auto; }
.imgo2{  padding:0px 0px 0px 0px; border:none;max-width:243;height:auto; }
 

/* MEDIA QUERIES */
 

/* Under 960px */
@media only screen and (max-width: 980px) and (min-width: 821px) {
.bodywidth{width:800px;}

.imgo{  padding:0px 10px 0px 0px; }
.imgo2{  padding:0px 0px 0px 0px; border:none;max-width:243;height:auto; }
#mainheader{padding:0px 10px 0px 10px;}
 
}

/* Under 800px */
@media only screen and (max-width: 820px) and (min-width: 621px) {
.bodywidth{width:620px;font-size:1.1em;}
.imgo{  padding:0px 10px 0px 0px; }
.imgo2{  padding:0px 0px 0px 0px; border:none;max-width:243;height:auto; }
#mainheader{padding: 0px 10px 0px 10px;}
 
}

/* Under 600px */
@media only screen and (max-width: 620px) and (min-width: 501px) {
.bodywidth{width:489px;font-size:1.1em;}
.imgo{  padding:0px 10px 0px 0px; border:none;max-width:100;height:auto;}
.imgo2{  padding:0px 0px 0px 0px; border:none;max-width:243;height:auto; }
#mainheader{padding:0px 10px 0px 10px;}
 a, a:visited{ font-size:1.1em;}
}

/* Under 480px */
@media only screen and (max-width: 500px) and (min-width: 391px) {
.bodywidth{width:380px;font-size:1.1em;}
.imgo{  padding:0px 10px 0px 0px; border:none;max-width:60;height:auto;}
.imgo2{  padding:0px 0px 0px 0px; border:none;max-width:193;height:auto; }
#mainheader{padding:0px 10px 0px 10px;}
 a, a:visited{ font-size:1.1em;}
}

/* Under 420px */
@media only screen and (max-width: 390px) and (min-width: 320px)  {
.bodywidth{width:310px;font-size:1.1em;}
.imgo{  padding:0px 10px 0px 0px; border:none;max-width:40;height:auto;}
.imgo2{  padding:0px 0px 0px 0px; border:none;max-width:170;height:auto; }
#mainheader{padding:0px 10px 0px 10px;}
 a, a:visited{ font-size:1.1em;}
}

/* Under 380px */
@media only screen and (max-width: 320px) and (min-width: 5px)  {
.bodywidth{width:300px;font-size:1.1em;}
.imgo{  padding:0px 10px 0px 0px; border:none;max-width:40;height:auto;}
.imgo2{  padding:0px 0px 0px 0px; border:none;max-width:143;height:auto; }
#mainheader{padding:0px 10px 0px 10px;}
 a, a:visited{ font-size:1.1em;}
}
