/*********************/
/* CUSTOM PROPERTIES */
/*********************/
:root {
/* colors */
  --main-background-color:#f5f5f4;
  --main-text-color:#202020;
  --main-link-select-color:black;
  --blackbar-background-color:#3a3a3a;
  --blackbar-text-color:#e0e0e0;
  --blackbar-link-select-color:white;
  --item-background-color:#4a4a4a;
  --item-semi-transparent-background-color:linear-gradient(#3a3a30d0, #3a3a30d0 100%); /* this allows combination with a background image */
  --item-text-color:white;
  --item-link-select-color:white;
/* fonts */  
  --title-font:Oranienbaum,'Times New Roman',serif;
  --intro-font:'PT Sans','Liberation Sans','DejaVu Sans',Arial,sans-serif;
  --normal-font:'PT Sans','Liberation Sans','DejaVu Sans',Arial,sans-serif;
  --italic-font:'PT Sans','Liberation Sans','DejaVu Sans',Arial,sans-serif;
/*
  --menu-font:'PT Sans',Roboto,'Liberation Sans','DejaVu Sans',Arial,sans-serif;
*/
  --heading-font:Oswald,'Liberation Sans','DejaVu Sans',Arial,sans-serif;
  --menu-font:Oswald,'Liberation Sans','DejaVu Sans',Arial,sans-serif;
  --script-font:Satisfy,'Brush Script MT',cursive;
  --symbol-font:'DejaVu Sans',sans-serif;
}

/********/
/* BODY */
/********/
html, body {
  margin:0;
  padding:0;
}
html {
  font-size:62.5%; /* => set 1rem = 10px for browser default of 16px */
}

@media screen and (orientation:landscape) {
  body {
    min-width:1024px;
  }
  #frontimg {
    visibility:visible;
  }
  #frontimg-portrait {
    visibility:hidden;
  }
}
@media screen and (orientation:portrait) {
  body {
    min-width:768px;
  }
  #frontimg {
    visibility:hidden;
  }
  #frontimg-portrait {
    visibility:visible;
  }
}
body {
  min-height:100vh;
  color:var(--main-text-color);
  background-color:var(--main-background-color);
  font-family:var(--normal-font);
  font-size:2.0rem;
  line-height:calc(3px + 2ex + 3px); /* = 2.6rem */
  font-weight:normal;
  font-stretch:condensed;
}
.first-letter { /* must be fine-tuned depending on font size and metric */
  float:left;
  margin:0 1px 0 -3px;
  font-size:5.7rem;
  line-height:5.0rem;
}

#frontimg {
  position:absolute;
  left:50%; /* move left edge to the center */
  max-height:calc(100% - 270px); /* body height minus (header + menu) */
  max-width:100%;
  width:auto;
  margin:0;
  transform:translateX(-50%); /* move back to the left by half the image size */
}
#frontimg-portrait {
  position:absolute;
  max-height:calc(100% - 300px); /* body height minus (header + menu) */
  max-width:100%;
  width:auto;
  margin:0;
  left:50%;
  transform:translateX(-50%);
}
#intro {
  margin:0;
  padding:1em 20px;
  color:var(--normal-font);
  font-family:var(--intro-font);
  font-size:1.9rem;
  line-height:calc(3px + 2ex + 3px);
  font-weight:700;
  font-stretch:condensed;
  text-align:justify;
}
div.min { /* text block following floats, with safeguard against too narrow text columns */
  padding:0;
  text-align:justify;
}
div.min::before { /* pseudo element reserving space next to images */
  content: "";
  width: 200px; /* minimum text width next to or between images, to avoid too narrow text columns */
  display: block;
  overflow: hidden;
}
div.min p {
  margin:0;
  padding:0;
}
div.min p + p {
  text-indent:1em;
}

a {
  color:var(--main-text-color);
}
a:hover, a:active {
  color:var(--main-link-select-color);
  text-shadow:0px 0px 1px var(--main-link-select-color);
}

/* class for book or journal title, should be set in italics */
i, cite, .t {
  font-family:var(--italic-font);
  font-style:italic;
  font-stretch:semi-condensed;
}

.blackbar { /* for main title and navigation bar */
  background-color:var(--blackbar-background-color);
  color:var(--blackbar-text-color);
}
.blackbar-edge {
/*
  box-shadow:0 -1px 1px var(--blackbar-background-color), 0 1px 1px var(--blackbar-background-color), 0 10px 10px var(--main-background-color);
*/
  box-shadow:0 10px 10px var(--main-background-color);
}
.blackbar a {
  color:var(--blackbar-text-color);
  text-decoration:none;
  white-space:nowrap;
}
.blackbar a:hover, nav a:active {
  color:var(--blackbar-link-select-color);
  text-decoration:none;
  text-shadow:0px 0px 1px var(--blackbar-link-select-color);
}
.blackbar a.selected {
  color:var(--blackbar-link-select-color);
  text-decoration:none;
  text-shadow:0px 0px 1px var(--blackbar-link-select-color);
}
.copyright, .update {
  text-align:center;
  font-family:var(--intro-font);
  font-size:smaller;
  font-weight:300;
  font-style:italic;
  line-height:1em;
}
.update {
  padding:0.5rem 0 2em;
  line-height:1em;
  vertical-align:bottom;
}

figure {
  margin:0;
}
.figure-left {
  float:left;
  margin:0 20px 1rem 0;
  text-align:center;
  font-size:1.58333rem;
  line-height:2.1rem;
}
.figure-right {
  float:right;
  margin:0 0 1rem 20px;
  text-align:center;
  font-size:1.58333rem;
  line-height:2.1rem;
}
.figure-left img, .figure-right img {
  vertical-align:top;
  margin:0.6rem 0 0.4rem 0;
  border:0;
  background-color:white;
}

/* class to add language-specific quotation marks around content */
:lang(en) > .q {
  quotes: "“" "”" "‘" "’";
}
:lang(de) > .q {
  quotes: "„" "“" "‚" "‘";
}
:lang(de-CH) > .q {
  quotes: "«" "»" "‹" "›";
}
:lang(fr) > .q {
  quotes: "« " " »" "‹ " " ›";
}
:lang(hu) > .q {
  quotes: "„" "”" "»" "«";
}
.q::before {
  content: open-quote;
}
.q::after {
  content: close-quote;
}

.abbrev {
  line-height:1em;
  position:relative;
  bottom:0.4em;
  font-size:0.7em;
  text-decoration:underline;
}

/***************/
/* SITE HEADER */
/***************/
body > header > div:first-child {
  position:relative;
}

body > header > div:first-child > div { /* language selector */
  position:absolute;
  top:calc(50% - 0.6em);
  right:20px;
  font:bold condensed 1.9rem/1em var(--menu-font);
}

h1#SzekulaFamily { /* "The Szekula Family of Stamp Dealers" */
  margin:0;
  padding:8px 0 10px;
  font:bold 3.325rem/1em var(--title-font);
  text-align:center;
  text-shadow:1px 1px 2px white, 1px -1px 2px white, -1px 1px 2px white, -1px -1px 2px white;
}
h1#SzekulaFamily sub {
  position:relative;
  font-size:1em;
  vertical-align:baseline;
  top:0.2em;
}
h1#SzekulaFamily > a {
  color:black;
  text-decoration:none;
}
h1#SzekulaFamily > a:hover, h1#SzekulaFamily > a:active {
  color:var(--blackbar-background-color);
  text-shadow:1px 1px 3px var(--blackbar-link-select-color), 1px -1px 3px var(--blackbar-link-select-color), -1px 1px 3px var(--blackbar-link-select-color), -1px -1px 3px var(--blackbar-link-select-color);
}
body > header > div > p {
  font-weight:bold;
}

/*************/
/* MAIN MENU */
/*************/
nav {
  position:sticky;
  top:0;
  z-index:1;
  padding:0 60px 4px;
  font:normal condensed 2.2rem/1.25em var(--menu-font);
  text-align:center;
}
nav div {
  display:inline-block;
}
/* note: background image is added behind hover background image to avoid flicker at first contact after page is loaded */
nav #worldMap {
  width:36px;
  height:34px;
  background:2px top transparent url('../pics/nav/menu_item_world.png') no-repeat;
}
nav #worldMap:hover {
  background-image:url('../pics/nav/menu_item_world_hover.png'), url('../pics/nav/menu_item_world.png');
}
nav #cityMaps {
  width:36px;
  height:34px;
  background:2px top transparent url('../pics/nav/menu_item_marker.png') no-repeat;
}
nav #cityMaps:hover {
  background-image:url('../pics/nav/menu_item_marker_hover.png'), url('../pics/nav/menu_item_marker.png');
}
nav #companies {
  width:36px;
  height:34px;
  background:left 4px transparent url('../pics/nav/menu_item_companies.png') no-repeat;
}
nav #companies:hover {
  background-image: url('../pics/nav/menu_item_companies_hover.png'), url('../pics/nav/menu_item_companies.png');
}
nav #familyTree {
  width:36px;
  height:34px;
  background:1px top transparent url('../pics/nav/menu_item_tree.png') no-repeat;
}
nav #familyTree:hover {
  background-image:url('../pics/nav/menu_item_tree_hover.png'), url('../pics/nav/menu_item_tree.png');
}
nav #sources {
  width:36px;
  height:34px;
  background:1px top transparent url('../pics/nav/booklet.png') no-repeat;
}
nav #sources:hover {
  background-image:url('../pics/nav/booklet_hover.png'), url('../pics/nav/booklet.png');
}
nav #nextPage {
  position:absolute;
  right:10px;
  top:50%;
  display:block;
  width:44px;
  height:17px;
  background:transparent url('../pics/nav/menu_hand_pointing_right.png') no-repeat;
  transform:translateY(-50%);
}
nav #nextPage:hover {
  background-image:url('../pics/nav/menu_hand_pointing_right_hover.png'), url('../pics/nav/menu_hand_pointing_right.png');
}
nav #prevPage {
  position:absolute;
  left:10px;
  top:50%;
  display:block;
  width:44px;
  height:17px;
  background:transparent url('../pics/nav/menu_hand_pointing_left.png') no-repeat;
  transform:translateY(-50%);
}
nav #prevPage:hover {
  background-image: url('../pics/nav/menu_hand_pointing_left_hover.png'), url('../pics/nav/menu_hand_pointing_left.png');
}

/********************/
/* SECTION = PERSON */
/********************/
section {
  position:relative;
  margin:1em 20px 1em;
}
section header {
  width:80%;
  margin:0 auto 1em;
  background-color:transparent;
  border-color:transparent;
}
h1 {
  font:600 condensed 3.8rem/1em var(--heading-font);
}
h2 {
  font:500 condensed 2.5rem/1em var(--heading-font);
}
section header h2 { /* header of section = name of menu entry = person */
  position:absolute;
  left:0;
  margin:0;
  color:var(--blackbar-background-color);
}
section header h3 { /* heading on left margin */ 
  position:absolute;
  left:0;
  width:9%;
  margin:-0.1rem 0 0;
  font:500 condensed 2.0rem/2.6rem var(--heading-font);
  text-align:left;
  color:var(--blackbar-background-color);
}

section header hr.half-line {
  visibility:hidden;
  height:0.5em;
  margin:0;
}

section header blockquote {
  margin:0;
  text-align:center;
}
section header blockquote p {
  margin:0;
}
section header blockquote p::before {
  content: open-quote;
}
section header blockquote p::after {
  content: close-quote;
}

/******************/
/* ARTICLE = ITEM */
/******************/
section article { /* further list elements contain items for presentation */
  overflow-x:hidden; /* don't let images break outside of item box */
  border:5px solid var(--item-background-color);
  border-width:5px 10px;
  margin:0 5px 0;
  padding:1em 30px;
/*
  box-shadow:0 1px 1px var(--item-background-color), 0 -1px 1px var(--item-background-color), inset 1px 0 1px var(--item-background-color), inset -1px 0 1px var(--item-background-color);
*/
  background:var(--item-semi-transparent-background-color), url(../pics/oldpaper.jpg);
  color:var(--item-text-color);
}
h3 {
  font:600 condensed 2.0rem/1.25em var(--heading-font);  
}
section article h3 { /* header of article = item */
  margin:0.5em 0 0.2em 0;
}
section article a { /* normal link in article */
  color:var(--item-text-color);
}
section article a:hover, section article a:active {
  color:var(--item-link-select-color);
  text-shadow:0px 0px 1px var(--item-link-select-color);
}
section article a.item { /* image link to lightbox view */
  display:inline-block;
  margin-bottom:1em;
  text-decoration:none;
  vertical-align:top;
}
section article a.item:hover, section article a.item:active { /* prevent scan-info under item from flashing like a link */
  color:var(--item-text-color);
  text-shadow:none;
}
section article a.item img {
  background-color:transparent;
  border:5px solid var(--item-background-color);
/*
  border-radius:10px;
  box-shadow:0 1px 1px var(--item-background-color), 0 -1px 1px var(--item-background-color);
*/
}
section article .legend { /* small text below images or at bottom of article */
  font-size:1.58333rem;
  line-height:2.1rem;  
}
section article blockquote {
  font-family:var(--script-font);
  font-size:1.1em;
  line-height:1.5em;
}

/*****************/
/* DIV = DIVIDER */
/*****************/
section >div { /* filled with images from REM subdirectories */
  overflow-x:hidden;
  margin:1em 20px 0;
  background-color:transparent;
  border-color:transparent;
  text-align:center;
}
section >div a.item { /* image link to lightbox view */
  display:inline-block;
  margin:20px 1%;
  width:25%;
  margin-bottom:1em;
  text-decoration:none;
  vertical-align:middle;
}
section >div a.item:hover, section >div a.item:active { /* prevent text from flashing like a link */
  color:var(--main-text-color);
}
section >div a.item img {
  width:100%;
}
section >div .legend { /* small text below images or at bottom of >div */
  font-size:1.58333rem;
  line-height:2.1rem;  
}

/*********/
/* FONTS */
/*********/

/* font for site header */
/* 400 Normal */
@font-face {
  font-family:'Oranienbaum';
  font-style:normal;
  font-weight:400;
  src:url(../fonts.gstatic.com/Oranienbaum/Oranienbaum-Regular.ttf) format('truetype');
}

@font-face {
  font-family:'Amarante';
  font-style:normal;
  font-weight:400;
  src:url(../fonts.gstatic.com/Amarante/Amarante-Regular.ttf) format('truetype');
}

/* main font for text */
@font-face {
  font-family:'PT Sans';
  font-style:normal;
  font-weight:400;
  font-stretch:condensed;
  src:local('PT Sans Narrow'), local('PTSansNarrow-Regular'), url(../fonts.gstatic.com/PT_Sans_Narrow/PTSansNarrow-Regular.ttf) format('truetype');
}
@font-face {
  font-family:'PT Sans';
  font-style:normal;
  font-weight:700;
  font-stretch:condensed;
  src:local('PT Sans Narrow Bold'), local('PTSansNarrow-Bold'), url(../fonts.gstatic.com/PT_Sans_Narrow/PTSansNarrow-Bold.ttf) format('truetype');
}

/* font for intro text */
/* 300 Light */
@font-face {
  font-family:'OpenSans';
  font-style:normal;
  font-weight:300;
  font-stretch:semi-condensed;
  src:local('OpenSans SemiCondensed Light'), local('OpenSans_SemiCondensed-Light'), url(../fonts.gstatic.com/Open_Sans/static/OpenSans_SemiCondensed-Light.ttf) format('truetype');
  size-adjust:100%;
}
@font-face {
  font-family:'OpenSans';
  font-style:italic;
  font-weight:300;
  font-stretch:semi-condensed;
  src:local('OpenSans SemiCondensed Light Italic'), local('OpenSans_SemiCondensed-LightItalic'), url(../fonts.gstatic.com/Open_Sans/static/OpenSans_SemiCondensed-LightItalic.ttf) format('truetype');
  size-adjust:100%;
}
/* 400 Normal */
@font-face {
  font-family:'OpenSans';
  font-style:normal;
  font-weight:400;
  font-stretch:semi-condensed;
  src:local('OpenSans SemiCondensed'), local('OpenSans_SemiCondensed'), url(../fonts.gstatic.com/Open_Sans/static/OpenSans_SemiCondensed-Regular.ttf) format('truetype');
  size-adjust:100%;
}
@font-face {
  font-family:'OpenSans';
  font-style:italic;
  font-weight:400;
  font-stretch:semi-condensed;
  src:local('OpenSans SemiCondensed Italic'), local('OpenSans_SemiCondensed-Italic'), url(../fonts.gstatic.com/Open_Sans/static/OpenSans_SemiCondensed-Italic.ttf) format('truetype');
  size-adjust:100%;
}
/* 700 Bold */
@font-face {
  font-family:'OpenSans';
  font-style:normal;
  font-weight:700;
  font-stretch:semi-condensed;
  src:local('OpenSans SemiCondensed Bold'), local('OpenSans_SemiCondensed-Bold'), url(../fonts.gstatic.com/Open_Sans/static/OpenSans_SemiCondensed-Bold.ttf) format('truetype');
  size-adjust:100%;
}
@font-face {
  font-family:'OpenSans';
  font-style:italic;
  font-weight:700;
  font-stretch:semi-condensed;
  src:local('OpenSans SemiCondensed Bold Italic'), local('OpenSans_SemiCondensed-BoldItalic'), url(../fonts.gstatic.com/Open_Sans/static/OpenSans_SemiCondensed-BoldItalic.ttf) format('truetype');
  size-adjust:100%;
}

/* 300 Light */
@font-face {
  font-family:'OpenSans';
  font-style:normal;
  font-weight:300;
  font-stretch:condensed;
  src:local('OpenSans Condensed Light'), local('OpenSans_Condensed-Light'), url(../fonts.gstatic.com/Open_Sans/static/OpenSans_Condensed-Light.ttf) format('truetype');
  size-adjust:100%;
}
@font-face {
  font-family:'OpenSans';
  font-style:italic;
  font-weight:300;
  font-stretch:condensed;
  src:local('OpenSans Condensed Light Italic'), local('OpenSans_Condensed-LightItalic'), url(../fonts.gstatic.com/Open_Sans/static/OpenSans_Condensed-LightItalic.ttf) format('truetype');
  size-adjust:100%;
}
/* 400 Normal */
@font-face {
  font-family:'OpenSans';
  font-style:normal;
  font-weight:400;
  font-stretch:condensed;
  src:local('OpenSans Condensed'), local('OpenSans_Condensed'), url(../fonts.gstatic.com/Open_Sans/static/OpenSans_Condensed-Regular.ttf) format('truetype');
  size-adjust:100%;
}
@font-face {
  font-family:'OpenSans';
  font-style:italic;
  font-weight:400;
  font-stretch:condensed;
  src:local('OpenSans Condensed Italic'), local('OpenSans_Condensed-Italic'), url(../fonts.gstatic.com/Open_Sans/static/OpenSans_Condensed-Italic.ttf) format('truetype');
  size-adjust:100%;
}
/* 700 Bold */
@font-face {
  font-family:'OpenSans';
  font-style:normal;
  font-weight:700;
  font-stretch:condensed;
  src:local('OpenSans Condensed Bold'), local('OpenSans_Condensed-Bold'), url(../fonts.gstatic.com/Open_Sans/static/OpenSans_Condensed-Bold.ttf) format('truetype');
  size-adjust:100%;
}
@font-face {
  font-family:'OpenSans';
  font-style:italic;
  font-weight:700;
  font-stretch:condensed;
  src:local('OpenSans Condensed Bold Italic'), local('OpenSans_Condensed-BoldItalic'), url(../fonts.gstatic.com/Open_Sans/static/OpenSans_Condensed-BoldItalic.ttf) format('truetype');
  size-adjust:100%;
}

/* font for headings and menus */
/* 200 Extra Light */
@font-face {
  font-family:'Oswald';
  font-style:normal;
  font-weight:200;
  font-stretch:condensed;
  src:local('Oswald Extra Light'), local('Oswald-ExtraLight'), url(../fonts.gstatic.com/Oswald/static/Oswald-ExtraLight.ttf) format('truetype');
}
/* 300 Light */
@font-face {
  font-family:'Oswald';
  font-style:normal;
  font-weight:300;
  font-stretch:condensed;
  src:local('Oswald Light'), local('Oswald-Light'), url(../fonts.gstatic.com/Oswald/static/Oswald-Light.ttf) format('truetype');
}
/* 400 Normal */
@font-face {
  font-family:'Oswald';
  font-style:normal;
  font-weight:400;
  font-stretch:condensed;
  src:local('Oswald'), local('Oswald-Regular'), url(../fonts.gstatic.com/Oswald/static/Oswald-Regular.ttf) format('truetype');
}
/* 500 Medium */
@font-face {
  font-family:'Oswald';
  font-style:normal;
  font-weight:500;
  font-stretch:condensed;
  src:local('Oswald Medium'), local('Oswald-Medium'), url(../fonts.gstatic.com/Oswald/static/Oswald-Medium.ttf) format('truetype');
}
/* 600 Semi Bold */
@font-face {
  font-family:'Oswald';
  font-style:normal;
  font-weight:600;
  font-stretch:condensed;
  src:local('Oswald SemiBold'), local('Oswald-SemiBold'), url(../fonts.gstatic.com/Oswald/static/Oswald-SemiBold.ttf) format('truetype');
}
/* 700 Bold */
@font-face {
  font-family:'Oswald';
  font-style:normal;
  font-weight:700;
  font-stretch:condensed;
  src:local('Oswald Bold'), local('Oswald-Bold'), url(../fonts.gstatic.com/Oswald/static/Oswald-Bold.ttf) format('truetype');
}

/* script font for quoting a letter  */
/* 400 Normal */
@font-face {
  font-family:'Satisfy';
  font-style:normal;
  font-weight:400;
  src:local('Satisfy'), local('Satisfy-Regular'), url(../fonts.gstatic.com/Satisfy/Satisfy-Regular.ttf) format('truetype');
}

/* DejaVu Sans is needed to ensure checkboxes and radio button characters look the same everywhere
/* 400 Normal */
@font-face {
  font-family:'DejaVu Sans';
  font-style:normal;
  font-weight:400;
  src:local('DejaVu Sans'), local('DejaVuSans'), url(../fonts.gstatic.com/dejavu-fonts-ttf-2.37/ttf/DejaVuSans.ttf) format('truetype');
  size-adjust:77%; /* adjust checkbox and radio button height to x-height of Oswald */
}
@font-face {
  font-family:'DejaVu Sans';
  font-style:normal;
  font-weight:400;
  font-stretch:condensed;
  src:local('DejaVu Sans Condensed'), local('DejaVuSansCondensed');
  size-adjust:92.5%;
}
@font-face {
  font-family:'DejaVu Sans';
  font-style:italic;
  font-weight:400;
  font-stretch:condensed;
  src:local('DejaVu Sans Condensed Oblique'), local('DejaVuSansCondensed-Oblique');
  size-adjust:92.5%;
}
@font-face {
  font-family:'DejaVu Sans';
  font-style:normal;
  font-weight:700;
  font-stretch:condensed;
  src:local('DejaVu Sans Condensed Bold'), local('DejaVuSansCondensed-Bold');
  size-adjust:92.5%;
}
@font-face {
  font-family:'DejaVu Sans';
  font-style:italic;
  font-weight:700;
  font-stretch:condensed;
  src:local('DejaVu Sans Condensed Bold Oblique'), local('DejaVuSansCondensed-BoldOblique');
  size-adjust:92.5%;
}

/* adjust Linux fallback fonts */
@font-face {
  font-family:'Liberation Sans';
  font-style:normal;
  font-weight:400;
  font-stretch:condensed;
  src:local('Liberation Sans Narrow'), local('LiberationSansNarrow');
  size-adjust:92.5%;
}
@font-face {
  font-family:'Liberation Sans';
  font-style:italic;
  font-weight:400;
  font-stretch:condensed;
  src:local('Liberation Sans Narrow Italic'), local('LiberationSansNarrow-Italic');
  size-adjust:92.5%;
}
@font-face {
  font-family:'Liberation Sans';
  font-style:normal;
  font-weight:700;
  font-stretch:condensed;
  src:local('Liberation Sans Narrow Bold'), local('LiberationSansNarrow-Bold');
  size-adjust:92.5%;
}
@font-face {
  font-family:'Liberation Sans';
  font-style:italic;
  font-weight:700;
  font-stretch:condensed;
  src:local('Liberation Sans Narrow Bold Italic'), local('LiberationSansNarrow-BoldItalic');
  size-adjust:92.5%;
}

/* not used anymore */
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:300;
  font-stretch:condensed;
  src:local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(../fonts.gstatic.com/Roboto_Condensed/RobotoCondensed-Light.ttf) format('truetype');
  size-adjust:100%;
}
@font-face {
  font-family:'Roboto';
  font-style:italic;
  font-weight:300;
  font-stretch:condensed;
  src:local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url(../fonts.gstatic.com/Roboto_Condensed/RobotoCondensed-LightItalic.ttf) format('truetype');
  size-adjust:100%;
}
/* 400 Normal */
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:400;
  font-stretch:condensed;
  src:local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(../fonts.gstatic.com/Roboto_Condensed/RobotoCondensed-Regular.ttf) format('truetype');
  size-adjust:100%;
}
@font-face {
  font-family:'Roboto';
  font-style:italic;
  font-weight:400;
  font-stretch:condensed;
  src:local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(../fonts.gstatic.com/Roboto_Condensed/RobotoCondensed-Italic.ttf) format('truetype');
  size-adjust:100%;
}
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:700;
  font-stretch:condensed;
  src:local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../fonts.gstatic.com/Roboto_Condensed/RobotoCondensed-Bold.ttf) format('truetype');
  size-adjust:100%;
}
@font-face {
  font-family:'Roboto';
  font-style:italic;
  font-weight:700;
  font-stretch:condensed;
  src:local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(../fonts.gstatic.com/Roboto_Condensed/RobotoCondensed-BoldItalic.ttf) format('truetype');
  size-adjust:100%;
}