* {margin:0; padding:0; outline:none; scrollbar-width: thin; scrollbar-color: #f06c00 #fff2e8;}

body {
overflow-x: hidden;
background: #200122; 
background: -webkit-linear-gradient(to right, #6f0000, #200122);
background: linear-gradient(to right, #6f0000, #200122);
}

::selection {background: #ffebdb; color:#000000;}
::-moz-selection {background: #ffebdb; color:#000000;}
::-webkit-selection {background: #ffebdb; color:#000000;}

@media screen and (min-width: 0px) and (max-width: 1050px)
{body::-webkit-scrollbar {width: calc(0.2em + 0.2vw);}}

@media screen and (min-width: 1051px) and (max-width: 99999px)
{body::-webkit-scrollbar {width: calc(0.3em + 0.3vw);}}


body::-webkit-scrollbar-thumb {border-radius: 0px; background-color: #f06c00; }
body::-webkit-scrollbar-track {background-color: #fff2e8;}

canvas#canvas {opacity: 0.3; overflow-y: none; overflow-x: none; z-index: -10; position:absolute; left: 0px;}

/* -------------------------------------------------------------------- */


@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v28-latin_cyrillic-regular.eot');
  src: local(''),
       url('fonts/raleway-v28-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/raleway-v28-latin_cyrillic-regular.woff2') format('woff2'),
       url('fonts/raleway-v28-latin_cyrillic-regular.woff') format('woff'),
       url('fonts/raleway-v28-latin_cyrillic-regular.ttf') format('truetype'),
       url('fonts/raleway-v28-latin_cyrillic-regular.svg#Raleway') format('svg');
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/rubik-v20-latin_cyrillic-300.eot');
  src: local(''),
       url('fonts/rubik-v20-latin_cyrillic-300.eot?#iefix') format('embedded-opentype'),
       url('fonts/rubik-v20-latin_cyrillic-300.woff2') format('woff2'),
       url('fonts/rubik-v20-latin_cyrillic-300.woff') format('woff'),
       url('fonts/rubik-v20-latin_cyrillic-300.ttf') format('truetype'),
       url('fonts/rubik-v20-latin_cyrillic-300.svg#Rubik') format('svg');
}

/* -------------------------------------------------------------------- */

@media screen and (min-width: 0px) and (max-width: 800.9999px)
{img.call {position: fixed; cursor: pointer; z-index: 1; color: #f06c00; -webkit-tap-highlight-color: transparent; top: 0.1em; left: 0.24em; transform: scale(0.6); opacity:0.9;}}
@media screen and (min-width: 801px) and (max-width: 1200px)
{img.call {position: fixed; cursor: pointer; z-index: 1; color: #f06c00; -webkit-tap-highlight-color: transparent; top: 0.05em; left: 0.4em; transform: scale(0.6); opacity:0.9;}}
@media screen and (min-width: 1200.001px) and (max-width: 1400px)
{img.call {position: fixed; cursor: pointer; z-index: 1; color: #f06c00; -webkit-tap-highlight-color: transparent; top: 0.89em; left: 0.8em; transform: scale(0.7); opacity:0.9;}}
@media screen and (min-width: 1400.01px) and (max-width: 999999999999px)
{img.call {display:none;)}}

img.call:hover {opacity: 0.7;}


/* -------------------------------------------------------------------------- */ 

@media screen and (min-width: 0px) and (max-width: 1400px)
{img.logotype {width:100%; max-width: 250px; margin-top: 10px; border: 0; }}

@media screen and (min-width: 1400.00001px) and (max-width: 2000px)
{img.logotype {width:100%; max-width: 280px; margin-top: 15px; border: 0; }}

@media screen and (min-width: 2000.00001px) and (max-width: 800000000px)
{img.logotype {width:15%; margin-top: calc(0.2em + 0.8vw); border: 0;}}

img.logotype:hover {opacity: 0.85;}


/* -------------------------------------------------------------------------- */  


canvas#canvas2 {opacity: 0.3; overflow-y: none; overflow-x: none; z-index: -10; position:absolute; left: 0px;}

#menu_button {position: fixed; top: 0.9em;	right: 0; z-index: 6; padding: 1em; cursor: pointer; user-select: none; opacity: 0.85;
 -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none;}
#menu_button span {height: 5px; width: 45px; background-color: #f06c00; padding-right: 45px;position: relative; display: block; transition: all 0.2s ease-in-out;}
#menu_button span:before {top: -12px; visibility: visible;}
#menu_button span:after {top: 12px;}
#menu_button span:before, #menu_button span:after {height: 5px; width: 45px; background-color: #f06c00; position: absolute; content: ""; transition: all 0.2s ease-in-out;}
#menu_button:hover span, #menu_button:hover span:before, #menu_button:hover span:after {opacity: 0.6;}
input[type=checkbox] {
  display: none;
}
input[type=checkbox]:checked ~ #menu {
  visibility: visible;
}
input[type=checkbox]:checked ~ #menu_button:hover span,
input[type=checkbox]:checked ~ #menu_button span {
  background: transparent;
}
input[type=checkbox]:checked ~ #menu_button span:before {
  transform: rotate(45deg) translate(7px, 7px);
  opacity: 1;
}
input[type=checkbox]:checked ~ #menu_button span:after {
  transform: rotate(-45deg) translate(7px, -7px);
}
#menu {height: 100%; width: 100%; top:0;
background: #c21500; 
background: -webkit-linear-gradient(to bottom, #ffc500, #c21500);
background: linear-gradient(to bottom, #ffc500, #c21500); z-index: 5; visibility: hidden; position: fixed; }

#menu.active {visibility: visible;}
@media screen and (min-width: 0px) and (max-width: 800.9999px)
{#menu ul {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  text-align: center;
  height: 100vh;
  padding-left: 0;
  list-style-type: none;
margin-top:100px;
}}
@media screen and (min-width: 801px) and (max-width: 99999px)
{#menu ul {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  text-align: center;
  height: 100vh;
  padding-left: 0;
  list-style-type: none;
margin-top: 7%; 
z-index: 1000;

}}
#menu ul li {padding: 0.8em;}
@media screen and (min-width: 0px) and (max-width: 800.9999px)
{#menu ul li a {color:#ffffff; font-family:'Rubik'; font-size: calc(1.4vw + 1.4vh + 1.4vmin); 
letter-spacing: -0.005em; line-height: calc(0.3vw + 1.3vh + 1.3vmin);   text-decoration: none;}
}
@media screen and (min-width: 801px) and (max-width: 1200.9999px)
{#menu ul li a {color:#ffffff; font-family:'Rubik'; font-size: calc(1.0vw + 1.0vh + 1.0vmin); 
letter-spacing: -0.005em; line-height: calc(0.3vw + 1.0vh + 1.0vmin);   text-decoration: none;}
}
@media screen and (min-width: 1201px) and (max-width: 99999px)
{#menu ul li a {color:#ffffff; font-family:'Rubik'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); 
letter-spacing: -0.005em; line-height: calc(1.4vw + 1.4vh + 1.4vmin);   text-decoration: none;}
}
@media screen and (min-height: 0em) and (max-height: 12.999em)
{#menu ul li.for_stop { padding: 3px 10% 0% 10%; color:#ffffff; font-family:'Rubik'; font-size:15px; 
 line-height: 20px;   text-decoration: none;} } 
@media screen and (min-height: 0em) and (max-height: 12.999em)
{#menu ul li a {display: none;} } 
@media screen and (min-height: 0em) and (max-height: 12.999em)
{#menu ul  { margin-top:0px;  } } 
@media screen and (min-height: 0em) and (max-height: 12.999em)
{#menu ul li {padding: 0;}}
@media screen and (min-height: 13em) and (max-height: 9999999em)
{#menu ul li.for_stop {display: none; } } 
@media screen and (min-height: 13em) and (max-height: 22.999em)
{#menu ul li a {color:#ffffff; font-family:'Rubik'; font-size: calc(1.8vw + 1.8vh + 1.8vmin);line-height: 0.1vw;  } } 
@media screen and (min-height: 13em) and (max-height: 22.999em)
{#menu ul  { margin-top:35px;  } } 
@media screen and (min-height: 13em) and (max-height: 22.999em)
{#menu ul li {padding: 2.5vh;}}
@media screen and (min-height: 23em) and (max-height: 29.999em)
{#menu ul li a {color:#ffffff; font-family:'Rubik'; font-size: calc(1.6vw + 1.6vh + 1.6vmin);line-height: 0.3vw;  } } 
@media screen and (min-height: 23em) and (max-height: 29.999em)
{#menu ul  { margin-top:40px;  } } 
@media screen and (min-height: 23em) and (max-height: 29.999em)
{#menu ul li {padding: 0.6em;}}
#menu ul li a:hover {color: #ba3000;}
@media screen and (min-width: 0px) and (max-width: 1200.9999px)
{#menu ul li.for_mobile {}}
@media screen and (min-width: 1201px) and (max-width: 99999px)
{#menu ul li.for_mobile {display: none;}}

@media screen and (min-width: 0px) and (max-width: 800.9999px)
{#menu_button span {transform:scale(0.65);}}
@media screen and (min-width: 801px) and (max-width: 1200px)
{#menu_button span {transform:scale(0.8);  right: 30%; margin-top: -0.2vh;}}
@media screen and (min-width: 1200.001px) and (max-width: 2000px)
{#menu_button span {transform:scale(0.9); right: 30%; margin-top: 2.0vh;}}
@media screen and (min-width: 2000.001px) and (max-width: 3000px)
{#menu_button span {transform:scale(1.2); margin-right: 2vw; margin-top: 2vh;}}
@media screen and (min-width: 3000.001px) and (max-width: 4000px)
{#menu_button span {transform:scale(1.5); margin-right: 2vw; margin-top: 2vh;}}
@media screen and (min-width: 4000.001px) and (max-width: 5000px)
{#menu_button span {transform:scale(1.9); margin-right: 2vw; margin-top: 2vh;}}
@media screen and (min-width: 5000.001px) and (max-width: 6000px)
{#menu_button span {transform:scale(2.3); margin-right: 4vw; margin-top: 4vh;}}
@media screen and (min-width: 6000.001px) and (max-width: 99999px)
{#menu_button span {transform:scale(2.6); margin-right: 5vw; margin-top: 5vh;}}

/* -------------------------------------------------------------------------- */  


@media screen and (min-width: 0px) and (max-width: 700px)
{.bolshoy_ekran {display: none;}}

@media screen and (min-width: 701px) and (max-width: 3000px)
{.bolshoy_ekran {display: block; margin-top: 15px; }}

@media screen and (min-width: 3001px) and (max-width: 8000000px)
{.bolshoy_ekran {display: block; margin-top: calc(1.3em + 1.3vw); }}



/* -------------------------------------------------------------------------- */  



@media screen and (min-width: 701px) and (max-width: 950px)
{table.menu_table {width: 70%;}}

@media screen and (min-width: 951px) and (max-width: 1200px)
{table.menu_table {width: 60%;}}

@media screen and (min-width: 1201px) and (max-width: 2000px)
{table.menu_table {width: 50%;}}

@media screen and (min-width: 2001px) and (max-width: 8000000px)
{table.menu_table {width: 45%;}}


/* -------------------------------------------------------------------------- */  




a.upmenu {color: #ff8827; font-family: 'Raleway'; font-size: calc(0.43em + 0.50vw); 
 text-decoration: none; text-transform: uppercase; font-weight: bold;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 0px; padding-bottom: 5px;  border-bottom: 3px dashed #ff8827; 
opacity: 0.8; } 

@media screen and (min-width: 3001px) and (max-width: 8000000px)
{a.upmenu { font-size: calc(0.7em + 0.65vw);  } }

a.upmenu:hover {color: #ffffff; font-family: 'Raleway'; font-size: calc(0.43em + 0.50vw); 
 text-decoration: none; text-transform: uppercase; font-weight: bold;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 0px; padding-bottom: 5px;  border-bottom: 3px dashed #ffffff; 

} 

@media screen and (min-width: 3001px) and (max-width: 8000000px)
{a.upmenu:hover { font-size: calc(0.7em + 0.65vw);  } }


a.upmenu_selected {color: #ffffff; font-family: 'Raleway'; font-size: calc(0.43em + 0.50vw); 
 text-decoration: none; text-transform: uppercase;font-weight: bold;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 0px;  padding-bottom: 5px;  border-bottom: 3px dashed #ffffff; }

@media screen and (min-width: 3001px) and (max-width: 8000000px)
{a.upmenu_selected { font-size: calc(0.7em + 0.65vw);  } }

a.upmenu_selected:hover  {color: #ff8827; font-family: 'Raleway'; font-size: calc(0.43em + 0.50vw); 
 text-decoration: none; text-transform: uppercase;font-weight: bold;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 0px; padding-bottom: 5px;  border-bottom: 3px dashed #ff8827; }

@media screen and (min-width: 3001px) and (max-width: 8000000px)
{a.upmenu_selected:hover{ font-size: calc(0.7em + 0.65vw);  } }


/* -------------------------------------------------------------------------- */   


.int_onas {width: 94.5%; border: 0px; margin-top: 25px; padding: calc(0.5em + 0.5vw); text-align:left;}

@media screen and (min-width: 1501px) and (max-width: 3000px)
{.int_onas {width: 80%; border: 0px; margin-top: calc(1.3em + 0.8vw); padding: calc(1.2em + 1.2vw); text-align:left;}}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.int_onas {width: 80%; border: 0px; margin-top: calc(2.9em + 0.8vw); padding: calc(1.2em + 1.2vw);	text-align:left;}}

/* -------------------------------------------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 800.9999px)
{.text_onas_inte  {color:#fff; font-family: 'Rubik'; font-size: calc(1.2vw + 1.2vh + 1.2vmin); letter-spacing: -0.005em; line-height: calc(1.7vw + 1.7vh + 1.7vmin);  } } 

@media screen and (min-width: 801px) and (max-width: 1200.9999px)
{.text_onas_inte  {color:#fff; font-family:'Rubik'; font-size: calc(0.8vw + 0.8vh + 0.8vmin); letter-spacing: -0.005em; line-height: calc(1.1vw + 1.1vh + 1.1vmin);  } } 

@media screen and (min-width: 1201px) and (max-width: 99999px)
{.text_onas_inte  {color:#fff; font-family:'Rubik'; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: -0.005em; line-height: calc(0.85vw + 0.85vh + 0.85vmin);  } }


/* -------------------------------------------------------------------------- */ 

@media screen and (min-width: 0px) and (max-width: 600px)
{img.ph_inter {width:100%; margin-bottom: 20px; margin-top: 0; border: 6px outset #ff96a6; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; padding: 4px;}}

@media screen and (min-width: 600.001px) and (max-width: 1000px)
{img.ph_inter {width:45%; float: left; margin-right: 4%; border: 6px outset #ff96a6;  border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius: 50%; padding: 4px;}}

@media screen and (min-width: 1000.001px) and (max-width: 9999999px)
{img.ph_inter {width:35%; float: left; margin-right: 4%; border: 6px outset #ff96a6;  border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius:50%; padding: 4px;}}

img.ph_inter:hover {opacity: 0.95;} 



/* -------------------------------------------------------------------------- */ 

 iframe.video {width: 94.5%; height: 500px; border: 0px;}

@media screen and (min-width: 1501px) and (max-width: 99999px)
{ iframe.video {width: 80%; height: 70vh; border: 0px;}}


/* -------------------------------------------------------------------------- */ 


@media screen and (min-width: 0px) and (max-width: 900px)
{.special_mini {width: 98%;}}

@media screen and (min-width: 900.1px) and (max-width: 9999999999999999999999999999px)
{.special_mini {display: none;}}

/* -------------------------------------------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 900px)
{.special_big {display: none;}}

@media screen and (min-width: 900.0001px) and (max-width: 1500.99999px)
{.special_big {width: 97%; border: 0px; padding:0; margin-top: calc(0.5em + 0.5vw); }}


@media screen and (min-width: 1501px) and (max-width: 80000000000px)
{.special_big {width: 82.5%; border: 0px; padding:0; margin-top: calc(1.0em + 0.8vw); }}

/* -------------------------------------------------------------------------- */  

* {box-sizing: border-box;}
.clear {clear: both; float: none; width: 100%;}

@media screen and (min-width: 0px) and (max-width: 900px)
{.gallery a img {width: 48%; height: auto; overflow: hidden; border-radius: 2%;  -webkit-border-radius: 2%; -moz-border-radius: 2%; 
  position: relative; padding: 0px; margin: 0px; border: 0px;}}

@media screen and (min-width: 901px) and (max-width: 999999999999px)
{.gallery a img {width: 24%; height: auto; overflow: hidden; border-radius: 2%;  -webkit-border-radius: 2%; -moz-border-radius: 2%;  
  position: relative; padding: 0px; margin: 0px; border: 0px;}}

.gallery a:hover img {opacity:0.8;}

.gallery a.big img {width: 40%;}
.align-center {text-align: center;}

/* -------------------------------------------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 1920px)
{.link_f {width: 28px; margin-right: 11px; opacity: 0.7; vertical-align: middle;}}

@media screen and (min-width: 1921px) and (max-width: 800000000px)
{.link_f {width: 3%; vertical-align: middle; margin-right: calc(0.8em + 0.2vw); } }

.link_f:hover {opacity: 0.6;  }

/* -------------------------------------------------------------------------- */  


@media screen and (min-width: 0px) and (max-width: 800.9999px)
{a.first_links  {color:#ffffff;  text-decoration: none; font-family: 'Rubik'; font-size: calc(1.0vw + 1.0vh + 1.0vmin); letter-spacing: -0.005em; line-height: calc(2.3vw + 2.3vh + 2.3vmin);  } } 

@media screen and (min-width: 801px) and (max-width: 1200.9999px)
{a.first_links  {color:#ffffff; text-decoration: none; font-family:'Rubik'; font-size: calc(0.8vw + 0.8vh + 0.8vmin); letter-spacing: -0.005em; line-height: calc(1.7vw + 1.7vh + 1.7vmin);  } } 

@media screen and (min-width: 1201px) and (max-width: 99999px)
{a.first_links  {color:#ffffff; text-decoration: none; font-family:'Rubik'; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: -0.005em; line-height: calc(1.2vw + 1.2vh + 1.2vmin);  } }

a.first_links:hover {color:#ff8827;}

/* -------------------------------------------------------------------------- */  


@media screen and (min-width: 0px) and (max-width: 800.9999px)
{.zagolovok  {margin-top: 17px; color:#fff; font-family: 'Rubik'; font-size: calc(1.1vw + 1.1vh + 1.1vmin); letter-spacing: -0.005em; line-height: calc(1.7vw + 1.7vh + 1.7vmin);  } } 

@media screen and (min-width: 801px) and (max-width: 1200.9999px)
{.zagolovok  {margin-top: 17px;color:#fff; font-family:'Rubik'; font-size: calc(0.8vw + 0.8vh + 0.8vmin); letter-spacing: -0.005em; line-height: calc(1.1vw + 1.1vh + 1.1vmin);  } } 

@media screen and (min-width: 1201px) and (max-width: 99999px)
{.zagolovok  {margin-top: 4.5vh;color:#fff; font-family:'Rubik'; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: -0.005em; line-height: calc(0.85vw + 0.85vh + 0.85vmin);  } }

/* -------------------------------------------------------------------------- */  



.qa {width: 94.5%; border: 0px; margin-top: 15px; padding: calc(0.5em + 0.5vw); text-align:left;}

@media screen and (min-width: 1501px) and (max-width: 3000px)
{.qa {width: 80%; border: 0px; margin-top: 0; padding: calc(1.2em + 1.2vw); text-align:left;}}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.qa {width: 80%; border: 0px; margin-top: calc(0.5em + 0.4vw); padding: calc(1.2em + 1.2vw);	text-align:left;}}

/* -------------------------------------------------------------------------- */  


.op {width: 94.5%; border: 0px; margin-top: 15px; padding: calc(0.5em + 0.5vw); text-align:center;}

@media screen and (min-width: 1501px) and (max-width: 3000px)
{.op {width: 80%; border: 0px; margin-top: 0; padding: calc(0.6em + 0.6vw); text-align:center;}}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.op {width: 80%; border: 0px; margin-top: calc(0.5em + 0.4vw); padding: calc(1.2em + 1.2vw);	text-align:center;}}


/* -------------------------------------------------------------------------- */ 

@media screen and (min-width: 0px) and (max-width: 500px)
{img.market {width:85%; margin-bottom: 20px; margin-top: 0; border: 6px outset #ff96a6; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; padding: 4px;}}

@media screen and (min-width: 500.001px) and (max-width: 700px)
{img.market {width:70%; margin: 20px; border: 6px outset #ff96a6;  border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius: 50%; padding: 4px;}}

@media screen and (min-width: 700.001px) and (max-width: 9999999px)
{img.market {width:32%; margin: 1vw;  border: 6px outset #ff96a6;  border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius:50%; padding: 4px;}}

img.market:hover {opacity: 0.85;} 

/* -------------------------------------------------------------------------- */  


@media screen and (min-width: 0px) and (max-width: 800.9999px)
{a.razdel  {color:#ffffff;  text-decoration: none; font-family: 'Rubik'; font-size: calc(1.0vw + 1.0vh + 1.0vmin); letter-spacing: -0.005em; line-height: calc(1.7vw + 1.7vh + 1.7vmin); border-bottom: 2px dotted #ffffff; } } 

@media screen and (min-width: 801px) and (max-width: 1200.9999px)
{a.razdel  {color:#ffffff; text-decoration: none; font-family:'Rubik'; font-size: calc(0.8vw + 0.8vh + 0.8vmin); letter-spacing: -0.005em; line-height: calc(1.2vw + 1.2vh + 1.2vmin); border-bottom: 2px dotted #ffffff; } } 

@media screen and (min-width: 1201px) and (max-width: 99999px)
{a.razdel  {color:#ffffff; text-decoration: none; font-family:'Rubik'; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: -0.005em; line-height: calc(1.0vw + 1.0vh + 1.0vmin); border-bottom: 2px dotted #ffffff; } }

a.razdel:hover {color:#ff8827; border-bottom: 2px dotted #ff8827;}

/* -------------------------------------------------------------------------- */  


/* --Выравнивание для видео и фото------------------------------ */ 
.mark {padding: calc(0.5em + 0.5vw); }

@media screen and (min-width: 1501px) and (max-width: 99999px)
{.mark {padding: 0 calc(1.5em + 1.5vw) 0 calc(1.5em + 1.5vw); }}

/* -------------------------------------------------------------------------- */  

.ots {margin-top: calc(0.9em + 0.9vw);}

/* -------------------------------------------------------------------------- */ 

@media screen and (min-width: 0px) and (max-width: 600px)
{img.miniphoto {width:70%; margin-bottom: 20px; margin-top: 0; border: 6px outset #ff96a6; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; padding: 4px;}}

@media screen and (min-width: 600.001px) and (max-width: 1000px)
{img.miniphoto {width:25%; border: 6px outset #ff96a6;  border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius: 50%; padding: 4px;}}

@media screen and (min-width: 1000.001px) and (max-width: 9999999px)
{img.miniphoto {width:15%; border: 6px outset #ff96a6;  border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius:50%; padding: 4px;}}

img.miniphoto:hover {opacity: 0.95;}