.ngm-gallery{position:relative}.ngm-gallery img,.ngm-gallery video,.ngm-gallery svg{max-width:none}.ngm-gallery .ngm-gallery-slide{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:white;text-align:center;z-index:1}.ngm-gallery .ngm-gallery-slide:first-child{position:relative}.ngm-gallery.ngm-gallery-full{height:100vh;width:100%;position:fixed;top:0;left:0;z-index:113}.ngm-gallery-ad-control#interactive-refresh-ad{z-index:114;position:relative;background:none;border:none;pointer-events:none;transition:.5s opacity,0s visibility .5s}.ngm-gallery-ad-control#interactive-refresh-ad.ng-inactive{opacity:0;visibility:hidden}.ngm-gallery-ad-control#interactive-refresh-ad .sticky-leaderboard{background:none}.ngm-gallery-ad-control#interactive-refresh-ad .sticky-leaderboard iframe{pointer-events:auto}.ngm-fit-kit-container{position:relative}.ngm-fit-kit{max-width:none}.ngm-fit-kit.ngm-fit-kit-contain-el{position:absolute;max-width:100%;max-height:100%;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.ngm-fit-kit.ngm-fit-kit-bleed-el{position:absolute}video.ngm-fit-kit.ngm-fit-kit-bleed-el{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ngm-fit-kit.ngm-fit-kit-contain-media{width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.___fullbleed-img-picker{width:200px;position:absolute;z-index:1111111;bottom:15px;right:15px;box-shadow:0 0 10px #000}.___fullbleed-img-picker code{background:#fff;font-size:11px;display:block;padding:3px;text-align:left}.ngm-progress{position:absolute;z-index:1111}.ngm-progress.ngm-progress-align-topLeft{top:5px;left:5px}.ngm-progress.ngm-progress-align-topCenter{top:5px;left:50%;transform:translate(-50%)}.ngm-progress.ngm-progress-align-topRight{top:5px;right:5px}.ngm-progress.ngm-progress-align-centerLeft{top:50%;left:5px;transform:translateY(-50%)}.ngm-progress.ngm-progress-align-centerRight{top:50%;right:5px;transform:translateY(-50%)}.ngm-progress.ngm-progress-align-bottomLeft{bottom:5px;left:5px}.ngm-progress.ngm-progress-align-bottomCenter{bottom:5px;left:50%;transform:translate(-50%)}.ngm-progress.ngm-progress-align-bottomRight{bottom:5px;right:5px}.ngm-progress .ngm-progress-item{pointer-events:none;background:#eee}.ngm-progress .ngm-progress-item.ngm-progress-item-active{background:black}.ngm-progress.ngm-progress-tick .ngm-progress-item{display:inline-block;border-radius:100%;box-shadow:0 0 2px #0006;margin:2px;width:8px;height:8px}.ngm-progress.ngm-progress-tick.ngm-progress-vertical .ngm-progress-item{display:block;margin:3px}.ngm-progress.ngm-progress-countup{width:calc(100% - 10px);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:stretch}.ngm-progress.ngm-progress-countup .ngm-progress-item{flex:1 1 auto;align-self:auto;height:5px;margin:3px;background:rgba(0,0,0,.1)}.ngm-progress.ngm-progress-countup .ngm-progress-item.ngm-progress-item-active{background:rgba(0,0,0,.6)}.PageLayout.PageLayout--interactive,.PageLayout.PageLayout--article{overflow:unset}.ngm-scroll-frame img,.ngm-scroll-frame video,.ngm-scroll-frame svg{max-width:none}.ngm-scroll-frame{position:relative}.ngm-scroll-frame .ngm-scroll-bg{position:relative;height:100vh;z-index:10}.ngm-scroll-frame .ngm-scroll-bg.ngm-scroll-bg-sticky{position:sticky}.ngm-scroll-frame .ngm-scroll-bg.ngm-scroll-bg-fixed{position:fixed;top:0;left:0;width:100%;height:100%;z-index:11}.ngm-scroll-frame .ngm-scroll-bg .ngm-scroll-bg-foreground{position:absolute;z-index:6;top:0;left:0;width:100%;height:100%;pointer-events:none}.ngm-scroll-frame .ngm-scroll-bg .ngm-scroll-bg-foreground>*{pointer-events:auto}.ngm-scroll-frame .ngm-scroll-fg{pointer-events:none;position:relative;z-index:11;overflow:hidden;-webkit-transform:translateZ(1000px)}.ngm-scroll-frame .ngm-scroll-fg .ngm-scroll-fg-slide .ngm-scroll-fg-slide-inner{pointer-events:auto;margin:100vh auto 0;max-width:500px;padding:30px;background:white;box-shadow:0 0 5px #0000004d}.ngm-scroll-frame .ngm-scroll-fg .ngm-scroll-fg-slide:first-child .ngm-scroll-fg-slide-inner:first-child{margin-top:0}.ngm-scroll-frame .ngm-scroll-fg .ngm-scroll-fg-slide:last-child .ngm-scroll-fg-slide-inner:last-child{margin-bottom:100vh}.nghistory-22-ww2ships{background:#fff}.nghistory-22-ww2ships html,.nghistory-22-ww2ships body,.nghistory-22-ww2ships div,.nghistory-22-ww2ships span,.nghistory-22-ww2ships applet,.nghistory-22-ww2ships object,.nghistory-22-ww2ships iframe,.nghistory-22-ww2ships h1,.nghistory-22-ww2ships h2,.nghistory-22-ww2ships h3,.nghistory-22-ww2ships h4,.nghistory-22-ww2ships h5,.nghistory-22-ww2ships h6,.nghistory-22-ww2ships p,.nghistory-22-ww2ships blockquote,.nghistory-22-ww2ships pre,.nghistory-22-ww2ships a,.nghistory-22-ww2ships abbr,.nghistory-22-ww2ships acronym,.nghistory-22-ww2ships address,.nghistory-22-ww2ships big,.nghistory-22-ww2ships cite,.nghistory-22-ww2ships code,.nghistory-22-ww2ships del,.nghistory-22-ww2ships dfn,.nghistory-22-ww2ships em,.nghistory-22-ww2ships img,.nghistory-22-ww2ships ins,.nghistory-22-ww2ships kbd,.nghistory-22-ww2ships q,.nghistory-22-ww2ships s,.nghistory-22-ww2ships samp,.nghistory-22-ww2ships small,.nghistory-22-ww2ships strike,.nghistory-22-ww2ships strong,.nghistory-22-ww2ships sub,.nghistory-22-ww2ships sup,.nghistory-22-ww2ships tt,.nghistory-22-ww2ships var,.nghistory-22-ww2ships b,.nghistory-22-ww2ships u,.nghistory-22-ww2ships i,.nghistory-22-ww2ships center,.nghistory-22-ww2ships dl,.nghistory-22-ww2ships dt,.nghistory-22-ww2ships dd,.nghistory-22-ww2ships ol,.nghistory-22-ww2ships ul,.nghistory-22-ww2ships li,.nghistory-22-ww2ships fieldset,.nghistory-22-ww2ships form,.nghistory-22-ww2ships label,.nghistory-22-ww2ships legend,.nghistory-22-ww2ships table,.nghistory-22-ww2ships caption,.nghistory-22-ww2ships tbody,.nghistory-22-ww2ships tfoot,.nghistory-22-ww2ships thead,.nghistory-22-ww2ships tr,.nghistory-22-ww2ships th,.nghistory-22-ww2ships td,.nghistory-22-ww2ships article,.nghistory-22-ww2ships aside,.nghistory-22-ww2ships canvas,.nghistory-22-ww2ships details,.nghistory-22-ww2ships embed,.nghistory-22-ww2ships figure,.nghistory-22-ww2ships figcaption,.nghistory-22-ww2ships footer,.nghistory-22-ww2ships header,.nghistory-22-ww2ships hgroup,.nghistory-22-ww2ships menu,.nghistory-22-ww2ships nav,.nghistory-22-ww2ships output,.nghistory-22-ww2ships ruby,.nghistory-22-ww2ships section,.nghistory-22-ww2ships summary,.nghistory-22-ww2ships time,.nghistory-22-ww2ships mark,.nghistory-22-ww2ships audio,.nghistory-22-ww2ships video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.nghistory-22-ww2ships article,.nghistory-22-ww2ships aside,.nghistory-22-ww2ships details,.nghistory-22-ww2ships figcaption,.nghistory-22-ww2ships figure,.nghistory-22-ww2ships footer,.nghistory-22-ww2ships header,.nghistory-22-ww2ships hgroup,.nghistory-22-ww2ships menu,.nghistory-22-ww2ships nav,.nghistory-22-ww2ships section{display:block}.nghistory-22-ww2ships body{line-height:1}.nghistory-22-ww2ships ol,.nghistory-22-ww2ships ul{list-style:none}.nghistory-22-ww2ships blockquote,.nghistory-22-ww2ships q{quotes:none}.nghistory-22-ww2ships blockquote:before,.nghistory-22-ww2ships blockquote:after,.nghistory-22-ww2ships q:before,.nghistory-22-ww2ships q:after{content:"";content:none}.nghistory-22-ww2ships table{border-collapse:collapse;border-spacing:0}.nghistory-22-ww2ships,.nghistory-22-ww2ships p{font-size:16px;font-family:GeoEditRegular,Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Helvetica,Arial,sans-serif;font-weight:300;color:#333;line-height:1.6em;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.nghistory-22-ww2ships p{margin:0 0 25px}.nghistory-22-ww2ships i,.nghistory-22-ww2ships em{font-family:GeoEditRegularItalic,Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Helvetica,Arial,sans-serif}.nghistory-22-ww2ships b,.nghistory-22-ww2ships strong{font-family:GeoEditBold,Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Helvetica,Arial,sans-serif}.nghistory-22-ww2ships strong i,.nghistory-22-ww2ships b i,.nghistory-22-ww2ships b em,.nghistory-22-ww2ships strong em,.nghistory-22-ww2ships em strong,.nghistory-22-ww2ships i strong{font-family:GeoEditBoldItalic,Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Helvetica,Arial,sans-serif}.nghistory-22-ww2ships a{color:inherit;text-decoration:none}.nghistory-22-ww2ships a:hover,.nghistory-22-ww2ships a:focus,.nghistory-22-ww2ships a:active{color:inherit;text-decoration:none}.nghistory-22-ww2ships a:visited{text-decoration:none}.nghistory-22-ww2ships .ngp_text-fill-link a,.nghistory-22-ww2ships .ngp_text-fill-link a:link,.nghistory-22-ww2ships .ngp_text-fill-link a:visited{background-image:linear-gradient(120deg,#fc0 0%,#fc0 100%);background-position:0 100%;background-repeat:no-repeat;background-size:100% 0;border-bottom:2px solid #fc0;color:#333;text-decoration:none;transition:background-size .125s ease-in}.nghistory-22-ww2ships .ngp_text-fill-link a:hover{background-size:100% 100%}@media (max-width: 767px){.nghistory-22-ww2ships .ai2html .g-artboard{margin:0 auto}}@media (min-width: 768px){.nghistory-22-ww2ships .ai2html .g-artboard{margin:0}}@media (max-width: 683px){.nghistory-22-ww2ships.ng-browser-width-align-medium .ai2html .g-artboard{margin:0 auto}.nghistory-22-ww2ships.ng-browser-width-align-medium .ai2html{max-width:635px}}@media (min-width: 684px) and (max-width: 767px){.nghistory-22-ww2ships.ng-browser-width-align-medium .ai2html .g-artboard{margin:0}.nghistory-22-ww2ships.ng-browser-width-align-medium{padding-left:calc((100vw - 660px)/2 + 12px)}}@media (min-width: 768px){.nghistory-22-ww2ships.ng-browser-width-align-medium{padding-left:calc((100vw - 660px)/2 + 12px)}}@media (min-width: 1024px){.nghistory-22-ww2ships.ng-browser-width-align-medium{padding-left:calc((100vw - 960px)/2 + 6px)}}.nghistory-22-ww2ships .dipgbl-footer{box-sizing:border-box;width:100%;position:relative;font-family:GeoEditRegular,geographEdit-Regular,CenturyGothic,AppleGothic,Gill Sans,Gill Sans MT,sans-serif;font-size:12px;line-height:1;letter-spacing:.3px;background:#000;color:#fff}.nghistory-22-ww2ships .dipgbl-footer *{box-sizing:border-box}.nghistory-22-ww2ships .dipgbl-footer .ngp_icon{width:1.5rem;height:1.5rem}.nghistory-22-ww2ships .dipgbl-footer .ngp_icon--large{width:2.125rem;height:2.125rem}.nghistory-22-ww2ships .dipgbl-footer__links{list-style:none;margin:0;padding:20px}@media screen and (min-width: 70em){.nghistory-22-ww2ships .dipgbl-footer__links{display:inline-block}}@media screen and (min-width: 1000px){.nghistory-22-ww2ships .dipgbl-footer__links{padding-bottom:0}}.nghistory-22-ww2ships .dipgbl-footer__links li{padding:4px 0;line-height:1;vertical-align:middle}.nghistory-22-ww2ships .dipgbl-footer__links li:first-child{font-size:0;margin-left:-5px}@media screen and (max-width: 999px){.nghistory-22-ww2ships .dipgbl-footer__links li:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1000px){.nghistory-22-ww2ships .dipgbl-footer__links li{margin-bottom:20px;padding:0 20px;display:inline-block;border-right:1px solid #fff}.nghistory-22-ww2ships .dipgbl-footer__links li:first-child{-o-object-position:top left;object-position:top left;float:left;padding:0;margin-bottom:40px}.nghistory-22-ww2ships .dipgbl-footer__links li:first-child,.nghistory-22-ww2ships .dipgbl-footer__links li:last-child{border-right:0}}.nghistory-22-ww2ships .dipgbl-footer__links li a{color:#fff;transition:color .3s ease-out;border-bottom:none;text-decoration:none}.nghistory-22-ww2ships .dipgbl-footer__copyright{width:100%;border-top:1px solid #333;padding:20px}.nghistory-22-ww2ships .dipgbl-footer__copyright>span{display:block;line-height:1.5;color:#999}.nghistory-22-ww2ships .dipgbl-footer__copyright>span:first-child{margin-bottom:2px}@media screen and (min-width: 1000px){.nghistory-22-ww2ships .dipgbl-footer__copyright span{width:auto;display:inline-block;line-height:1}.nghistory-22-ww2ships .dipgbl-footer__copyright>span:first-child{border-right:1px solid #999;margin-bottom:0;padding:0 15px 0 6px}.nghistory-22-ww2ships .dipgbl-footer__copyright>span:last-child{padding:0 6px 0 15px}}.nghistory-22-ww2ships .dipgbl-footer__sns{position:absolute;right:0;top:0;padding:25px 20px;font-size:0}@media screen and (min-width: 1000px){.nghistory-22-ww2ships .dipgbl-footer__sns{position:relative;margin:0 0 20px 20px;float:right;top:auto;right:auto;padding:0}}.nghistory-22-ww2ships .dipgbl-footer__sns *{display:inline-block}.nghistory-22-ww2ships .dipgbl-footer__sns__text{font-family:GeoBrandBold,geographBrand-Bold,CenturyGothic,AppleGothic,Gill Sans,Gill Sans MT,sans-serif;text-transform:uppercase;font-weight:400;font-size:12px;letter-spacing:3px;line-height:1;transform:translateY(5px)}.nghistory-22-ww2ships .dipgbl-footer__sns a{color:#fff;transition:color .3s ease-out;margin-left:20px;border-bottom:none}.nghistory-22-ww2ships .dipgbl-footer__sns a .gct-icon{width:18px;height:18px}.nghistory-22-ww2ships .dipgbl-footer__sns a .gct-icon svg{vertical-align:middle;width:18px;height:18px}.nghistory-22-ww2ships{color:#333;position:relative;color-scheme:light dark}.nghistory-22-ww2ships .ng-graphic-wrap{position:relative;font-family:GeographEditRegular,sans-serif;font-style:normal;font-weight:400}@font-face{font-family:GeographEditRegular;src:url(https://www.nationalgeographic.com/interactive-assets/nggraphics/ngm-fonts/geograph-edit-regular.woff2) format("woff2"),url(https://www.nationalgeographic.com/interactive-assets/nggraphics/ngm-fonts/geograph-edit-regular.woff) format("woff");font-style:normal;font-weight:400}.nghistory-22-ww2ships .ng-content-well-container{position:relative;max-width:1280px;margin-left:auto;margin-right:auto;padding:0 328px 0 16px;overflow:visible}@media (max-width: 1023px){.nghistory-22-ww2ships .ng-content-well-container{padding:0}}.nghistory-22-ww2ships .ng-content-well-container-full-bleed,.nghistory-22-ww2ships .ng-content-well-container-text{max-width:636px;width:100%;margin:0 auto}.nghistory-22-ww2ships .ng-content-well-container-full-bleed{overflow:visible}@media (max-width: 660px){.nghistory-22-ww2ships .ng-content-well-container-text{padding:0 12px}}.nghistory-22-ww2ships .ngm-is-narrow{max-width:550px;margin:0 auto}@media (max-width: 700px){.nghistory-22-ww2ships .ngm-is-narrow{padding:1em}}.nghistory-22-ww2ships .ngm-is-limitedWidth{max-width:1200px;margin:0 auto;padding:0 1em}.nghistory-22-ww2ships .ngmMainHeader{border-bottom:1px solid #e6e6e6;padding:0 17px}.nghistory-22-ww2ships .ngmMainHeader .ng-logo-box{position:absolute}@media (max-width: 450px){.nghistory-22-ww2ships .ngmMainHeader .ng-logo-box{width:24px;overflow:hidden}}.nghistory-22-ww2ships .ngmMainHeader .ng-logo-box__custom-logo{width:110px;height:48px;align-items:center;display:flex}.nghistory-22-ww2ships .ngmMainHeader .ng-logo-box__logo{width:100%;height:100%;max-width:none}.nghistory-22-ww2ships .ngmMainHeader .ng-logo-box__logo__lettering path{fill:#231f20}.nghistory-22-ww2ships .ngmMainHeader .ng-global-navigation__item-list{display:flex;justify-content:flex-end;min-height:48px}.nghistory-22-ww2ships .ngmMainHeader .ng-global-navigation__item-list ul{margin:0;padding:0}.nghistory-22-ww2ships .ngmMainHeader .ng-global-navigation__item-list li{list-style:none}.nghistory-22-ww2ships .ngmMainHeader .ng-top-nav{display:inline-block;position:relative;float:right;height:100%;margin-bottom:0}.nghistory-22-ww2ships .ngmMainHeader .ng-global-navigation__link{display:inline-block;height:48px;line-height:48px;overflow:hidden;position:relative;vertical-align:middle}.nghistory-22-ww2ships .ngmMainHeader .ng-global-navigation__icon{height:auto;margin:0 0 0 15px}.nghistory-22-ww2ships .ngmMainHeader .ng-global-navigation__icon a{line-height:48px;color:#231f20;text-decoration:none}.nghistory-22-ww2ships .ngmMainHeader .ng-global-navigation__icon svg{display:inline-block;vertical-align:middle;height:16px;width:16px}.nghistory-22-ww2ships .ngmMainHeader .ng-global-navigation__icon:hover{opacity:.6}.nghistory-22-ww2ships .ngmMainHeader .ng-top-nav__anchor,.nghistory-22-ww2ships .ngmMainHeader .ng-top-nav__anchor:link,.nghistory-22-ww2ships .ngmMainHeader .ng-top-nav__anchor:visited,.nghistory-22-ww2ships .ngmMainHeader .ng-top-nav__anchor:hover,.nghistory-22-ww2ships .ngmMainHeader .ng-top-nav__anchor:active{color:#fff;display:inline-block;font-weight:400;font-style:normal;line-height:1}.nghistory-22-ww2ships .ngmMainHeader .ng-top-nav__anchor{padding:3px 13px!important;text-decoration:none!important;border:none!important}.nghistory-22-ww2ships .ngmMainHeader .ng-top-nav__anchor:hover .nav-subscribe__content{color:#000}.nghistory-22-ww2ships .ngmMainHeader .nav-subscribe__content{color:#fff;position:relative;z-index:2;font-family:GeographBold,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:700;font-weight:400;font-size:12px;letter-spacing:2px;line-height:1.5;text-decoration:none;pointer-events:none;padding:5px;text-transform:uppercase}@font-face{font-family:GeographBold;src:url(https://www.nationalgeographic.com/interactive-assets/nggraphics/ngm-fonts/geograph-bold.woff2) format("woff2"),url(https://www.nationalgeographic.com/interactive-assets/nggraphics/ngm-fonts/geograph-bold.woff) format("woff");font-style:normal;font-weight:700}.nghistory-22-ww2ships .ngmMainHeader .nav-subscribe__fillOne{bottom:0;left:0;position:absolute;right:0;top:0;background-color:#000;pointer-events:none}.nghistory-22-ww2ships .ngmMainHeader .ng-top-nav__anchor:hover .nav-subscribe__fillTwo{width:100%}.nghistory-22-ww2ships .ngmMainHeader .nav-subscribe__fillTwo{height:100%;left:0;position:absolute;top:0;transition:width .3s,color .3s;width:0%;background-color:#fc0;pointer-events:none}.nghistory-22-ww2ships .ngmKicker{margin:4em 0 0}.nghistory-22-ww2ships .ngmKicker a{color:inherit;border-bottom:none;text-decoration:none;letter-spacing:2.5px}.nghistory-22-ww2ships .ngmKicker a:hover{text-decoration:underline}.nghistory-22-ww2ships .ngmKicker-centered{text-align:center}.nghistory-22-ww2ships .ngmKicker-desk{font-family:GeographBold,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:700;text-transform:uppercase;display:inline-block}.nghistory-22-ww2ships .ngmKicker-desk:before{content:" ";display:inline-block;background:#fc0;width:4px;height:14px;margin:0 20px -1px 0}.nghistory-22-ww2ships .ngmKicker-desk:after{content:" ";display:inline-block;background:#fc0;width:4px;height:14px;margin:0 0 -1px 20px}.nghistory-22-ww2ships .ngmKicker-desk-sans-rule:before{display:none}.nghistory-22-ww2ships .ngmKicker-series{display:inline-block;margin-left:20px;font-family:GeographRegular,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;text-transform:uppercase}@font-face{font-family:GeographRegular;src:url(https://www.nationalgeographic.com/interactive-assets/nggraphics/ngm-fonts/geograph-regular.woff2) format("woff2"),url(https://www.nationalgeographic.com/interactive-assets/nggraphics/ngm-fonts/geograph-regular.woff) format("woff");font-style:normal;font-weight:400}.nghistory-22-ww2ships .ngmHeadline-basic{margin:1em 0 .8em;font-size:28px;font-family:GeographEditBold,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:bold;font-weight:700;font-weight:400;line-height:1.211;letter-spacing:.5px}@font-face{font-family:GeographEditBold;src:url(https://www.nationalgeographic.com/interactive-assets/nggraphics/ngm-fonts/geograph-edit-bold.woff2) format("woff2"),url(https://www.nationalgeographic.com/interactive-assets/nggraphics/ngm-fonts/geograph-edit-bold.woff) format("woff");font-style:bold;font-weight:700}@media (min-width: 900px){.nghistory-22-ww2ships .ngmHeadline-basic{font-size:38px}}.nghistory-22-ww2ships .ngmDek{font-size:18px;font-family:GeographEditRegular,sans-serif;font-style:normal;font-weight:400;line-height:1.5;letter-spacing:.5px}.nghistory-22-ww2ships .ngmDateAndByline{margin:31px 0 10px;font-weight:400;line-height:1.5;letter-spacing:3px;text-transform:uppercase;color:#333}.nghistory-22-ww2ships .ngmDateAndByline p{font-family:GeographEditRegular,sans-serif;font-style:normal;font-weight:400;margin:0;font-size:12px}.nghistory-22-ww2ships .ngmByline{font-family:GeographEditBold,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:bold;font-weight:700;color:inherit}.nghistory-22-ww2ships .ngmDateline{color:gray}.nghistory-22-ww2ships .ngmBody{margin:3em auto 0}.nghistory-22-ww2ships .ngmBodyCopy{margin-bottom:32px;color:#333;font-size:20px;font-family:Georgia,serif;font-weight:400;line-height:1.632;letter-spacing:.1px}.nghistory-22-ww2ships .ngmBodyCopy strong,.nghistory-22-ww2ships .ngmBodyCopy b{font-weight:700}.nghistory-22-ww2ships .ngmBodyCopy em,.nghistory-22-ww2ships .ngmBodyCopy i{font-style:italic}.nghistory-22-ww2ships .ngmBodyCopy strong,.nghistory-22-ww2ships .ngmBodyCopy em,.nghistory-22-ww2ships .ngmBodyCopy b,.nghistory-22-ww2ships .ngmBodyCopy i{font-family:inherit}@media (max-width: 700px){.nghistory-22-ww2ships .ngmBodyCopy{font-size:18px}}.nghistory-22-ww2ships .ngmBodyCopy a,.nghistory-22-ww2ships .ngmBodyCopy a:link,.nghistory-22-ww2ships .ngmBodyCopy a:visited{background-image:linear-gradient(120deg,#fc0 0%,#fc0 100%);background-position:0 100%;background-repeat:no-repeat;background-size:100% 0;border-bottom:2px solid #fc0;color:#333;text-decoration:none;transition:background-size .125s ease-in}.nghistory-22-ww2ships .ngmBodyCopy a:hover{background-size:100% 100%}.nghistory-22-ww2ships blockquote{margin:32px 0;padding:16px 20px;border:1px solid #c9c9c9;color:gray;font-family:GeographEditRegular,sans-serif;font-style:normal;font-size:16px;font-weight:400;letter-spacing:0;letter-spacing:.1px;line-height:1.5;overflow:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.nghistory-22-ww2ships .ngmCredits{font-size:14px}.nghistory-22-ww2ships .ngmCredits a,.nghistory-22-ww2ships .ngmCredits a:link,.nghistory-22-ww2ships .ngmCredits a:visited{background-image:linear-gradient(120deg,#fc0 0%,#fc0 100%);background-position:0 100%;background-repeat:no-repeat;background-size:100% 0;border-bottom:2px solid #fc0;color:#333;text-decoration:none;transition:background-size .125s ease-in}.nghistory-22-ww2ships .ngmCredits a:hover{background-size:100% 100%}.nghistory-22-ww2ships .ngmCredits p{color:#333;font-family:GeographEditRegular,sans-serif;font-style:normal;font-weight:400}.nghistory-22-ww2ships .ngmReadNext{text-align:center;margin-bottom:30px}.nghistory-22-ww2ships .ngmReadNext .ngmReadNextHeading{font-family:GeographBold,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:700;text-transform:uppercase;font-size:26px;line-height:40px;letter-spacing:3px;margin:30px 0 20px}@media (min-width: 1050px){.nghistory-22-ww2ships .ngmReadNext .ngmReadNextHeading{font-size:32px}}.nghistory-22-ww2ships .ngmReadNext .ngmYellowDivider{width:30px;height:5px;background-color:#fc0;margin:0 auto 27px}@media (min-width: 1050px){.nghistory-22-ww2ships .ngmReadNext .ngmYellowDivider{margin:0 auto 41px;width:40px;height:4px}}.nghistory-22-ww2ships .ngmReadNext .ngmReadNextHed{font-family:GeographEditBold,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:bold;font-weight:700;cursor:pointer;font-size:18px;line-height:26px;margin-bottom:14px}@media (min-width: 1050px){.nghistory-22-ww2ships .ngmReadNext .ngmReadNextHed{font-size:28px;line-height:34px}}.nghistory-22-ww2ships .ngmReadNext .ngmReadNextDek{font-family:GeographEditRegular,sans-serif;font-style:normal;font-weight:400;letter-spacing:.1px;color:#333;cursor:pointer;margin-bottom:27px;font-size:14px;line-height:23px}@media (min-width: 1050px){.nghistory-22-ww2ships .ngmReadNext .ngmReadNextDek{font-size:18px;line-height:27px}}.nghistory-22-ww2ships .ngmReadNext .ngmReadNextButton{position:relative;width:143px;height:39px;border:none;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25));cursor:pointer}.nghistory-22-ww2ships .ngmReadNext .ngmReadNextButton .ngmReadNextButtonText{position:absolute;font-family:GeographMedium,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:500;font-size:15px;line-height:18px;letter-spacing:2.5px;text-transform:uppercase;top:10px;left:60px}@font-face{font-family:GeographMedium;src:url(https://www.nationalgeographic.com/interactive-assets/nggraphics/ngm-fonts/geograph-medium.woff2) format("woff2"),url(https://www.nationalgeographic.com/interactive-assets/nggraphics/ngm-fonts/geograph-medium.woff) format("woff");font-style:normal;font-weight:500}.nghistory-22-ww2ships .ngmReadNext .ngmReadNextButton .ngmReadNextButtonIcon{position:absolute;top:13px;left:40px;width:12px;height:12px}.nghistory-22-ww2ships .ngmReadNext .ngmReadNextButton .ngmReadNextButtonIcon .ngmReadNextButtonLine{border:1px solid #000000;margin:2px;width:12px}.nghistory-22-ww2ships .ngmReadNext .ngmReadNextButtonFill1{background-color:#fc0;position:absolute;top:0;left:0;bottom:0;right:0}.nghistory-22-ww2ships .ngmReadNext .ngmReadNextButtonFill2{background:#000;height:100%;position:absolute;left:0;top:0;transition:width .3s,color .3s;width:0}.nghistory-22-ww2ships .ngmReadNext .ngmReadNextButton:hover .ngmReadNextButtonFill2{width:100%}.nghistory-22-ww2ships .ngmReadNext .ngmReadNextButton:hover .ngmReadNextButtonText{color:#fff}.nghistory-22-ww2ships .ngmReadNext .ngmReadNextButton:hover .ngmReadNextButtonIcon line{stroke:#fff}.nghistory-22-ww2ships .ngmReadNextWithPhoto{margin-bottom:30px;max-width:636px}@media (min-width: 660px) and (max-width: 767px){.nghistory-22-ww2ships .ngmReadNextWithPhoto{margin:0 auto;padding:0}}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmHeadingContainer{display:grid;grid-template-columns:min-content 1fr;-moz-column-gap:15px;column-gap:15px;margin:45px 0 25px}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextHeading{font-family:GeographBold,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:700;text-transform:uppercase;font-size:26px;line-height:40px;letter-spacing:3px;grid-row:1/2}@media (min-width: 1050px){.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextHeading{font-size:32px}}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmYellowDivider{width:5px;height:20px;background-color:#fc0;grid-row:1/2;align-self:center}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextHed{font-family:GeographEditBold,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:bold;font-weight:700;cursor:pointer;margin-bottom:8px;margin-top:-3px;font-size:15px;line-height:20px}@media (min-width: 1050px){.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextHed{font-size:28px;line-height:34px}}@media (min-width: 350px){.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextHed{font-size:18px;line-height:26px}}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextDek{font-family:GeographEditRegular,sans-serif;font-style:normal;font-weight:400;letter-spacing:.1px;color:#333;cursor:pointer;display:none;font-size:15px;line-height:20px}@media (min-width: 1050px){.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextDek{font-size:18px;line-height:27px}}@media (min-width: 475px){.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextDek{display:block;margin-bottom:13px}}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextGrid{display:grid;grid-template-columns:1fr 2fr;-moz-column-gap:15px;column-gap:15px}@media (min-width: 350px){.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextGrid{-moz-column-gap:18px;column-gap:18px}}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextGrid .ngmReadNextImg{background:url(/img/ngm_placeholder.jpg) center center;background-size:cover;width:100%;height:100%}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextHed{font-family:GeographEditBold,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:bold;font-weight:700;cursor:pointer}@media (min-width: 1050px){.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextHed{font-size:28px;line-height:34px}}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextButton{position:relative;width:143px;height:39px;border:none;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25));cursor:pointer}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextButton .ngmReadNextButtonText{position:absolute;font-family:GeographMedium,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:500;font-size:15px;line-height:18px;letter-spacing:2.5px;text-transform:uppercase;top:10px;left:60px}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextButton .ngmReadNextButtonIcon{position:absolute;top:13px;left:40px;width:12px;height:12px}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextButton .ngmReadNextButtonIcon .ngmReadNextButtonLine{border:1px solid #000000;margin:2px;width:12px}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextButtonFill1{background-color:#fc0;position:absolute;top:0;left:0;bottom:0;right:0}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextButtonFill2{background:#000;height:100%;position:absolute;left:0;top:0;transition:width .3s,color .3s;width:0}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextButton:hover .ngmReadNextButtonFill2{width:100%}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextButton:hover .ngmReadNextButtonText{color:#fff}.nghistory-22-ww2ships .ngmReadNextWithPhoto .ngmReadNextButton:hover .ngmReadNextButtonIcon line{stroke:#fff}.nghistory-22-ww2ships .ngmSocial{float:right;margin:18px 0}.nghistory-22-ww2ships .ngmSocial .addthis__component--expanded .social-link:hover .mt_icon,.nghistory-22-ww2ships .ngmSocial .addthis__component--expanded .social-link:focus .mt_icon{color:#333}.nghistory-22-ww2ships .ngmSocial .addthis__component{text-align:left}.nghistory-22-ww2ships .ngmSocial .addthis__component .sharebutton__modal--button-container{width:auto}.nghistory-22-ww2ships .ngmSocial .addthis__component .sharebutton__modal--button-container a.social-link{border:0;padding:0}.nghistory-22-ww2ships .ngmSocial .addthis__component .sharebutton__modal--button-container a.social-link:before{display:none}.nghistory-22-ww2ships .ngmSocial .addthis__component .sharebutton__modal--button-container a.social-link .share__icon-label,.nghistory-22-ww2ships .ngmSocial .addthis__component .sharebutton__modal--button-container.addthis_button_link{display:none}.nghistory-22-ww2ships .ngmSocial .addthis__component .sharebutton__modal--button-container.addthis_button_link a.social-link .share__icon-container .mt_icon{color:gray}.nghistory-22-ww2ships .ngmSocial .addthis__component .sharebutton__modal--button-container.addthis_button_sms{display:none}.nghistory-22-ww2ships .ngmSocial:after{content:"";display:table;clear:both}@media (max-width: 550px){.nghistory-22-ww2ships .ngmSocial{padding-top:6px}.nghistory-22-ww2ships .ngmSocial .addthis__component{justify-content:flex-start}.nghistory-22-ww2ships .ngmSocial .addthis__component .sharebutton__modal--button-container{margin-right:20px}}.nghistory-22-ww2ships .map-wrapper .poly-map,.nghistory-22-ww2ships .map-wrapper .circle-map,.nghistory-22-ww2ships .map-wrapper .ngm-gallery-slide{top:0%;left:50%;transform:translate(-50%);-o-object-position:50% 0%;object-position:50% 0%;position:absolute}.nghistory-22-ww2ships .big-nums-left p,.nghistory-22-ww2ships .big-nums-right p{margin:0}.nghistory-22-ww2ships .maps-wrapper{position:relative}.nghistory-22-ww2ships .big-num{font-family:GeoEditBold,Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Helvetica,Arial,sans-serif}.nghistory-22-ww2ships .german-legend-span{color:#de7e5c}.nghistory-22-ww2ships .allied-legend-span{color:#757b84}@media (max-width: 767px){.nghistory-22-ww2ships .big-nums-left,.nghistory-22-ww2ships .big-nums-right{display:none}.nghistory-22-ww2ships .big-nums-left p{text-align:left}.nghistory-22-ww2ships .big-nums-right p{text-align:right}.nghistory-22-ww2ships .big-nums-wrapper .big-nums-left,.nghistory-22-ww2ships .big-nums-wrapper .big-nums-right{display:block;flex-basis:1}.nghistory-22-ww2ships .big-nums-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding-left:8px;padding-right:8px}.nghistory-22-ww2ships .big-num{font-size:30px;line-height:32px}.nghistory-22-ww2ships .big-nums-text{font-size:10px;line-height:11px}.nghistory-22-ww2ships .big-num-block:first-of-type{margin-bottom:14px}}@media (min-width: 767px){.nghistory-22-ww2ships .big-nums-left,.nghistory-22-ww2ships .big-nums-right{display:block}.nghistory-22-ww2ships .big-nums-wrapper{display:none}.nghistory-22-ww2ships .slide-desktop-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.nghistory-22-ww2ships .slide-desktop-wrapper .map-wrapper{flex-basis:2}.nghistory-22-ww2ships .slide-desktop-wrapper .big-nums-left,.nghistory-22-ww2ships .slide-desktop-wrapper .big-nums-right{flex-basis:1}.nghistory-22-ww2ships .big-nums-left p{text-align:right;padding-right:10px}.nghistory-22-ww2ships .big-nums-right p{text-align:left;padding-left:10px}.nghistory-22-ww2ships .big-num{font-size:36px;line-height:38px}.nghistory-22-ww2ships .big-nums-text{font-size:16px;line-height:18px}.nghistory-22-ww2ships .big-num-block:first-of-type{margin-bottom:16px}}.nghistory-22-ww2ships .map-wrapper{position:sticky;top:calc(50% - 330px);width:100%;text-align:center}@media (max-width: 700px){.nghistory-22-ww2ships .map-wrapper{height:95vh;top:calc(50% - 48vh)}}@media (max-width: 550px){.nghistory-22-ww2ships .map-wrapper{height:600px;top:calc(50% - 300px)}}.nghistory-22-ww2ships .landmass-path{fill:none}.nghistory-22-ww2ships .uboat-attack,.nghistory-22-ww2ships .uboat-sunk{opacity:.8}.nghistory-22-ww2ships .uboat-attack{fill:#757b84}.nghistory-22-ww2ships .uboat-sunk{fill:#de7e5c}.nghistory-22-ww2ships .scroll-box{height:5000px;margin-top:-550px}@media (max-width: 767px){.nghistory-22-ww2ships .scroll-box{margin-top:-350px}}.nghistory-22-ww2ships .ngm-is-limitedWidth{position:relative}.nghistory-22-ww2ships .maps-wrapper{width:100%;max-width:550px;margin:0 auto}.nghistory-22-ww2ships .ngm-gallery-slide,.nghistory-22-ww2ships .poly-map,.nghistory-22-ww2ships .circle-map,.nghistory-22-ww2ships .ngm-gallery,.nghistory-22-ww2ships .legend,.nghistory-22-ww2ships .battle-map-wrapper{width:100%}.nghistory-22-ww2ships .ngm-gallery{padding-left:0;padding-right:0}.nghistory-22-ww2ships .ngm-gallery-slide{background:none}.nghistory-22-ww2ships .ngmBody{margin-top:0}.nghistory-22-ww2ships .map-header,.nghistory-22-ww2ships .section-header{text-align:left;font-family:GeoEditBold,Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Helvetica,Arial,sans-serif;margin-bottom:20px}.nghistory-22-ww2ships .section-header{font-size:24px}.nghistory-22-ww2ships .map-header{text-align:center;font-family:GeoEditBold,Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Helvetica,Arial,sans-serif;font-size:18px;max-width:550px;margin-left:auto;margin-right:auto;margin-bottom:0}.nghistory-22-ww2ships .battle-header{margin-bottom:15px}.nghistory-22-ww2ships .gallery-label{text-align:center}.nghistory-22-ww2ships .time-line-box{fill:#fff;stroke:gray}.nghistory-22-ww2ships .time-line-line{stroke:gray}.nghistory-22-ww2ships .moving-box{fill:gray}.nghistory-22-ww2ships .time-line,.nghistory-22-ww2ships .time-line-square{max-width:550px}.nghistory-22-ww2ships .time-line-text{font-size:28px}.nghistory-22-ww2ships .legend{position:relative}.nghistory-22-ww2ships .legend-text{dominant-baseline:central}.nghistory-22-ww2ships .legend-wrapper{outline:1px solid gray;outline-offset:3px}.nghistory-22-ww2ships .continents .landmass-path,.nghistory-22-ww2ships .battle-map-wrapper .landmass-path{fill:#cec2b1}.nghistory-22-ww2ships .country-label,.nghistory-22-ww2ships .continent-label{font-size:1.4em}.nghistory-22-ww2ships .country-label{font-family:Neogothic,Gill Sans,Gill Sans MT,CenturyGothic,AppleGothic,Arial,sans-serif;font-style:normal;font-weight:400;text-transform:uppercase;filter:drop-shadow(0px 0px 5px rgba(0,0,0,.1))}@font-face{font-family:Neogothic;src:url(https://www.nationalgeographic.com/interactive-assets/nggraphics/ngm-fonts/neogothic.woff2) format("woff2"),url(https://www.nationalgeographic.com/interactive-assets/nggraphics/ngm-fonts/neogothic.woff) format("woff");font-style:normal;font-weight:400}.nghistory-22-ww2ships #uk-label{transform:rotate(40deg)}.nghistory-22-ww2ships #labels-map-0,.nghistory-22-ww2ships #labels-map-1,.nghistory-22-ww2ships #labels-map-2{vertical-align:top}.nghistory-22-ww2ships .continent-label{font-family:BumsteadHeavy,Gill Sans,Gill Sans MT,CenturyGothic,AppleGothic,Arial,sans-serif;font-style:italic;font-weight:600;text-transform:uppercase;fill:#7a7a7a;letter-spacing:.2rem}@font-face{font-family:BumsteadHeavy;src:url(https://www.nationalgeographic.com/interactive-assets/nggraphics/ngm-fonts/bumstead-heavy.woff2) format("woff2"),url(https://www.nationalgeographic.com/interactive-assets/nggraphics/ngm-fonts/bumstead-heavy.woff) format("woff");font-style:italic;font-weight:600}.nghistory-22-ww2ships .water-box{z-index:-9999;fill:#efebd4}.nghistory-22-ww2ships .axis .landmass-path,.nghistory-22-ww2ships .ally .landmass-path,.nghistory-22-ww2ships .continents .landmass-path{stroke:none;filter:drop-shadow(0px 0px 5px rgba(0,0,0,.1))}.nghistory-22-ww2ships .graticules-path,.nghistory-22-ww2ships #graticules-map-0 .landmass-path{stroke:#fff;fill:none}.nghistory-22-ww2ships .axis .landmass-path{fill:#e5987d}.nghistory-22-ww2ships .ally .landmass-path,.nghistory-22-ww2ships .ally.landmass-path{fill:#9da2a8}.nghistory-22-ww2ships .legend-div{display:flex;justify-content:center}.nghistory-22-ww2ships .legend-div p{margin-left:10px;margin-right:10px}.nghistory-22-ww2ships .dot{height:10px;width:10px;border-radius:50%;display:inline-block}.nghistory-22-ww2ships .dot.axis{background-color:#de7e5c}.nghistory-22-ww2ships .dot.ally{background-color:#757b84}.nghistory-22-ww2ships #puerto-rico-map-0 .landmass-path{fill:#9da2a8}.nghistory-22-ww2ships .ngm-image{visibility:hidden}.nghistory-22-ww2ships .header-img{max-width:100%}@media (min-width: 700px){.nghistory-22-ww2ships .header-img{margin-top:20px}}@media (max-width: 700px){.nghistory-22-ww2ships .after-maps{margin-top:50px}}@media (max-width: 550px){.nghistory-22-ww2ships .after-maps{margin-top:0}}.nghistory-22-ww2ships #battle-map-wrapper{height:inherit}.nghistory-22-ww2ships .nerd-box{padding:20px 20px 10px;border-width:2px;border-color:#ccc;border-style:solid;margin-bottom:20px}.nghistory-22-ww2ships .nerd-box a{text-decoration:underline}.nghistory-22-ww2ships .annotation{text-align:left}@media (max-width: 700px){.nghistory-22-ww2ships .annotation{margin-bottom:10px}}.nghistory-22-ww2ships figcaption{font-size:14px}.nghistory-22-ww2ships .photo-credit{font-family:GeographRegular,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;text-transform:uppercase;letter-spacing:3px;font-size:12px}.nghistory-22-ww2ships .byline-divider{border:none;background-color:#ccc;height:1px;margin-top:20px;margin-bottom:20px}@media (max-width: 700px){.nghistory-22-ww2ships .byline-divider{margin-bottom:15px;margin-top:15px}}@media (max-width: 700px){.nghistory-22-ww2ships .ngmHeader{padding-bottom:0}}