#main {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    width: 1620px;
    height: 1080px;
    will-change: transform;
}
.slides {
    height: 1080px;
    width: 1620px;
}

#settings-menu {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    width: 1620px;
    height: 1080px;
    will-change: transform;
    pointer-events: none;
}
#settings-menu .bg {
    position: absolute;
    background-image: url(images/v2/domestic.png);
    width: 1620px;
    height: 1080px;
    background-size: 100% 100%;
    pointer-events: none;
}

.current-conditions {
    position: absolute;
    height: 1080px;
    width: 1620px;
    background-image: url(images/v2/xlcc.png);
    background-size: cover;
}
.current-conditions .city-name {
    position: absolute;
    font-family: 'AG Bold Ex';
    color: #debd69;
    font-size: 56px;
    margin-left: 181.5px;
    margin-top: 234px;
    text-shadow: 2px 2px #000;
    letter-spacing: -3.8px;
}
.current-conditions .labels {
    position: absolute;
    font-family: "AKZID Md Ex";
    font-size: 60px;
    margin-left: 181px;
    margin-top: 322px;
    text-shadow: 2px 2px #000;
    letter-spacing: -3px;
    line-height: 67.6px;
    word-spacing: 3px;
}
.current-conditions .labels span.ceilingg, span.visibilityy {
    font-size: 54px;
    line-height: 60px;
}
.current-conditions .labels span.feelslikee {
    font-size: 54px;
    line-height: 68px;
}
.current-conditions .left-pane .feelslike {
    margin-top: -9px;
}
.current-conditions .temp {
    font-family: "AKZID Bold";
    position: absolute;
    margin-left: 1075px;
    margin-top: 735px;
    font-size: 108px;
    text-shadow: 2px 2px #000;
    letter-spacing: 3px;
    width: 400px;
    text-align: center;
}
.current-conditions .cond {
    font-family: 'AG Bold Ex';
    text-align: center;
    position: absolute;
    margin-left: 1077px;
    width: 400px;
    margin-top: 619px;
    font-size: 57px;
    color: #d4d4d4;
    text-shadow: 2px 2px #000;
    line-height: 100%;
    letter-spacing: -5px;
    word-spacing: 5px;
}
.current-conditions .left-pane {
    position: absolute;
    font-family: 'AG Bold Ex';
    font-size: 64px;
    margin-top: 313px;
    margin-left: 654px;
    color: #d4d4d4;
    text-shadow: 2px 2px #000;
    line-height: 70px;
}
.current-conditions .left-pane .humidity, .pressure, .wind, .gusts, .dewpoint, .ceiling, .visibility, .feelslike{
    font-family: inherit;
}
.current-conditions .left-pane .humidity, .pressure, .dewpoint {
    letter-spacing: 0px;
}
.current-conditions .left-pane .wind {
    word-spacing: 15px;
    letter-spacing: -3px;
}
.current-conditions .left-pane .ceiling, .visibility {
    letter-spacing: -3px;
}
.current-conditions .icon {
    background-repeat: no-repeat;
    width: 320px;
    height: 280px;
    position: absolute;
    margin-left: 1117px;
    margin-top: 310px;
}
.current-conditions .noreport {
    position: absolute;
    font-size: 60px;
    font-family: "AG Bold Ex";
    margin-top: 789px;
    margin-left: 424px;
    letter-spacing: -4.8px;
    word-spacing: 5px;
    text-shadow: 2px 2px #000;
}

.eight-cities {
    position: absolute;
    height: 1080px;
    width: 1620px;
    background-size: cover;
    background-image: url(images/v2/xlcclo.png);
}
.eight-cities .top .label {
    font-family: "AKZID Bold";
    position: absolute;
    font-size: 40px;
    color: #debd69;
    text-shadow: 2px 2px #000;
    margin-top: 248px;
    margin-left: 1313px;
    letter-spacing: -3px;
}
.eight-cities .top .label.temp {
    position: absolute;
    margin-left: 773px;
}
.eight-cities .extra-loc {
    display: flex;
    margin-left: 167px;
    font-size: 64px;
    width: 1310px;
    height: 135px;
}
.eight-cities .extra-loc .city-name {
    font-family: "Akzidenz Md";
    position: absolute;
    color: #debd69;
    text-shadow: 2px 2px #000;
    font-size: 70px;
    margin-top: 34px;
    letter-spacing: 0.8px;
    margin-left: 9px;
}
.eight-cities .extra-loc .temp {
    position: absolute;
    font-family: 'AG Bold Ex';
    margin-left: 610px;
    text-shadow: 2px 2px #000;
    margin-top: 40px;
}
.eight-cities .extra-loc .wind {
    position: absolute;
    font-family: 'AG Bold Ex';
    text-shadow: 2px 2px #000;
    right: 160px;
    margin-top: 44px;
    letter-spacing: -4px;
    word-spacing: 25px;
    font-size: 59px;
}
.eight-cities .extra-loc .icon {
    background-repeat: no-repeat;
    background-position: 51.35% 77.5%;
    width: 168px;
    height: 156px;
    position: absolute;
    transform: translate(0, -47.5px);
    margin-left: 818px;
    margin-top: 35px;
}
.eight-cities .extra-loc.i {
    margin-top: 320px;
}
.eight-cities .extra-loc.ii .icon {
    margin-top: 42px;
}
.eight-cities .extra-loc.iii .icon {
    margin-top: 46px;
}
.eight-cities .extra-loc.iv .icon {
    margin-top: 50px;
}
.eight-cities .noreport {
    position: absolute;
    margin-left: 609px;
    font-family: "AG Bold Ex";
    font-size: 46px;
    margin-top: 56px;
    letter-spacing: -2.8px;
    word-spacing: 4px;
    text-shadow: 2px 2px #000;
}

.local-forecast {
    position: absolute;
    height: 1080px;
    width: 1620px;
    background-size: cover;
    background-image: url(images/v2/xl36h.png);
}
.local-forecast .city-name {
    position: absolute;
    font-family: 'AG Bold Ex';
    color: #debd69;
    font-size: 54px;
    margin-left: 180px;
    margin-top: 238px;
    text-shadow: 2px 2px #000;
    z-index: 3;
    letter-spacing: -3px;
}
.local-forecast .slide {
    position: absolute;
    margin-left: 177px;
    top: 315px;
    font-size: 72px;
    font-family: 'Helvetica Neue';
    -webkit-text-stroke: 1px #000;
    text-shadow: 2px 2px #000;
}
.local-forecast .period {
    color: #debd69;
    font-family: inherit;
}
.local-forecast .description {
    font-family: inherit;
    width: 1280px;
    font-size: 69px;
}
.local-forecast .noreport {
    position: absolute;
    font-size: 60px;
    font-family: "AG Bold Ex";
    margin-top: 802px;
    margin-left: 364px;
    letter-spacing: -4.5px;
    word-spacing: 5px;
    text-shadow: 2px 2px #000;
}

.week-ahead .city-name {
    position: absolute;
    font-family: 'AG Bold Ex';
    color: #debd69;
    font-size: 54px;
    margin-left: 181px;
    margin-top: 238px;
    text-shadow: 2px 2px #000;
    z-index: 3;
    letter-spacing: -3px;
}
.week-ahead {
    position: absolute;
    height: 1080px;
    width: 1620px;
    background-size: cover;
    background-image: url(images/v2/xlext7.png);
}
.week-ahead .day .icon {
    background-repeat: no-repeat;
    background-position: 51.35% 77.5%;
    width: 72px;
    height: 70px;
    position: absolute;
    transform: translate(0, -47.5px);
    margin-top: 83px;
    margin-left: 4.5px;
}
.week-ahead .day {
    position: absolute;
    text-align: center;
    margin-left: -82px;
    margin-top: 470px;
    width: 81px;
    height: 250px;
    display: block;
    scale: 2.25;
}
.week-ahead .day .weekend {
    position: absolute;
    background-color: white;
    height: 26.5px;
    margin-top: -0.5px;
    width: 81px;
    z-index: 1;
}
.week-ahead .day .name {
    position: absolute;
    font-family: 'Akzidenz Bold';
    font-size: 22.5px;
    text-shadow: 1px 1px #000;
    z-index: 2;
    width: 80px;
    letter-spacing: 0px;
    transform: scaleY(0.9);
}
.week-ahead .day.i {
    left: 257px;
}
.week-ahead .day.ii{
    left: 456px;
}
.week-ahead .day.iii{
    left: 654px;
}
.week-ahead .day.iv{
    left: 851px;
}
.week-ahead .day.v{
    left: 1047px;
}
.week-ahead .day.vi{
    left: 1245px;
}
.week-ahead .day.vii{
    left: 1446px;
}
.week-ahead .day .cond {
    position: absolute;
    margin-top: 109px;
    width: 80px;
    text-align: center;
    text-shadow: 1px 1px #000;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.8px;
}
.week-ahead .day .high, .low {
    position: absolute;
    font-size: 36px;
    margin-left: 2px;
    text-shadow: 1px 1px #000;
    text-align: center;
    width: inherit;
}
.week-ahead .day .high {
    margin-top: 167px;
}
.week-ahead .day .low {
    margin-top: 205px;
}
.week-ahead .noreport {
    position: absolute;
    font-size: 60px;
    font-family: "AG Bold Ex";
    margin-top: 802px;
    margin-left: 460px;
    letter-spacing: -5px;
    word-spacing: 6.25px;
    text-shadow: 2px 2px #000;
}

/*It is likely that I need to redo this part since it is copy + paste from 4:3 scaled up*/
.daypart-forecast {
    position: absolute;
    height: 1080px;
    width: 1620px;
    background-size: cover;
}
.daypart-forecast .city-name {
    position: absolute;
    font-family: 'AG Bold Ex';
    color: #debd69;
    font-size: 54px;
    margin-left: 145px;
    margin-top: 238px;
    text-shadow: 2px 2px #000;
    letter-spacing: -3px;
}
.daypart-forecast .hour {
    position: absolute;
    width: 148px;
    height: 246px;
    margin-top: 478px;
    transform: scale(2.25);
}
.daypart-forecast .hour .icon {
    background-repeat: no-repeat;
    background-position: 51.35% 77.5%;
    width: 75px;
    height: 68px;
    position: absolute;
    transform: translate(0, -47.5px);
    margin-top: 71px;
    margin-left: 36px;
}
.daypart-forecast .hour .name {
    position: absolute;
    font-family: 'AKZID Md Ex';
    text-shadow: 1.5px 1.5px #000;
    font-size: 24px;
    margin-top: -2px;
    width: 148px;
    text-align: center;
    letter-spacing: -1px;
}
.daypart-forecast .hour .cond {
    position: absolute;
    text-shadow: 1px 1px #000;
    font-size: 18px;
    margin-top: 92px;
    width: 148px;
    text-align: center;
    line-height: 100%;
    letter-spacing: 0.25px;
    margin-left: -3px;
}
.daypart-forecast .hour .wind {
    position: absolute;
    text-shadow: 1px 1px #000;
    width: 148px;
    margin-top: 225px;
    text-align: center;
    font-size: 18px;
    margin-left: -3px;
}
.daypart-forecast .hour .temp {
    font-family: 'AG Bold Ex';
    position: absolute;
    color: #232731;
    font-size: 32px;
    z-index: 3;
    width: 100px;
    margin-left: 18px;
    text-align: center;
}
.daypart-forecast .hour .bar {
    position: absolute;
    background-color: #cfd2dd;
    width: 100px;
    height: 5px;
    margin-left: 21px;
    bottom: 22px;
}
.daypart-forecast .hour.i {
    margin-left: 221px;
}
.daypart-forecast .hour.ii {
    margin-left: 568px;
}
.daypart-forecast .hour.iii {
    margin-left: 913px;
}
.daypart-forecast .hour.iv {
    margin-left: 1261px;
}
.daypart-forecast .noreport {
    position: absolute;
    font-size: 60px;
    font-family: "AG Bold Ex";
    margin-top: 802px;
    margin-left: 461px;
    letter-spacing: -5px;
    word-spacing: 6.25px;
    text-shadow: 2px 2px #000;
}

.almanac {
    position: absolute;
    height: 1080px;
    width: 1620px;
    background-size: cover;
    background-image: url(images/v2/xlalm.png);
}
.almanac .sunrise-text, .sunset-text {
position: absolute;
    margin-left: 473px;
    margin-top: 323px;
    font-family: 'AKZID Bold';
    font-size: 52px;
    text-shadow: 2px 2px #000;
    letter-spacing: -4px;
}
.almanac .sunset-text {
    margin-top: 402px;
}
.almanac .day .header {
    position: absolute;
    color: #debd69;
    margin-top: 247px;
    width: 400px;
    text-align: center;
    margin-left: 725px;
    text-shadow: 2px 2px #000;
    font-family: 'AG Bold Ex';
    letter-spacing: -4px;
    font-size: 48px;
}
.almanac .day .sunrise, .sunset {
    position: absolute;
    margin-left: 792px;
    width: 320px;
    font-family: 'AG Bold Ex';
    margin-top: 321px;
    font-size: 52px;
    text-shadow: 2px 2px #000;
    letter-spacing: -2px;
}
.almanac .day .sunset {
    margin-top: 400px;
}
.almanac .day.ii {
    margin-left: 352px;
}
.almanac .moon-phases-text {
position: absolute;
    font-family: 'AKZID Bold';
    font-size: 52px;
    text-shadow: 2px 2px #000;
    margin-left: 178px;
    margin-top: 491px;
    letter-spacing: -2px;
}
.almanac .moonphase .moon {
    position: absolute;
    width: 155px;
    height: 160px;
    background-size: cover;
    margin-left: 243px;
    margin-top: 575px;
    transform: scale(1.15, 1);
}
.almanac .moonphase .type {
    position: absolute;
    font-family: 'AKZID Md Ex';
    margin-left: 228px;
    margin-top: 745px;
    text-shadow: 2px 2px #000;
    transform: scale(1, 1.3);
    width: 180px;
    text-align: center;
    font-size: 40px;
    letter-spacing: -1px;
}
.almanac .moonphase .date {
position: absolute;
    color: #debd69;
    text-shadow: 2px 2px #000;
    font-family: 'AG Bold Ex';
    width: 250px;
    margin-left: 196px;
    margin-top: 794px;
    letter-spacing: -1px;
    text-align: center;
    font-size: 52px;
}
.almanac .moonphase.ii {
    margin-left:328px;
}
.almanac .moonphase.iii {
    margin-left:655px;
}
.almanac .moonphase.iv {
    margin-left:979px;
}

.extended-forecast {
    position: absolute;
    height: 1080px;
    width: 1620px;
    background-size: cover;
    background-image: url(/webroot/images/v2/xlext3.png);
}

.bulletin {
    position: absolute;
    height: 1080px;
    width: 1620px;
    background-size: cover;
    background-image: url(images/v2/xlalert.png);
}
.bulletin .alerts {    
position: absolute;
    font-family: 'Helvetica Neue';
    text-shadow: 1.5px 1.5px #000;
    font-size: 64px;
    margin-left: 165px;
    margin-top: 320px;
    width: 1300px;
    -webkit-text-stroke: 0.4px #000;
}
.bulletin .alerts span {
    display: flex;
    height: 240px;
}

.radar .banner {
    position: absolute;
    height: 1080px;
    width: 1620px;
    background-size: cover;
    background-image: url(images/v2/us_radar_top.png);
    z-index: 5;
}
#locradar {
    position: absolute;
    width: 1620px;
    height: 1080px;
    filter: drop-shadow(2px 2px 0px #000);
    z-index: 4;
}
#locmap {
    position: absolute;
    width: 1620px;
    height: 1080px;
    z-index: 3;
}

.ldl {
    position: absolute;
    margin-top: -160px;
    margin-left: 130px;
    filter: drop-shadow(2px 2px #000);
    z-index: 8;
}
.ldl .warning-crawl {
    position: absolute;
    height: 1080px;
    width: 1620px;
    margin-top: -889px;
    margin-left: -130px;
}
.ldl .warning-crawl .title {
    font-family: "AKZID Bold";
    z-index: 95;
    position: absolute;
    width: 1620px;
    font-size: 39px;
    top: 881px;
    padding-left: 171px;
    font-weight: 500;
    letter-spacing: 0.75px;
    text-shadow: 2px 2px #000;
}
.ldl .warning-crawl .marquee .js-marquee {
    font-family: 'Helvetica Neue';
    position: absolute;
    white-space: nowrap;
    font-size: 60px;
    margin-top: 940px;
    text-shadow: 1.5px 1.5px black;
}
.ldl .upper-text {
    font-family: 'Akzidenz Md Ex';
    position: absolute;
    font-size: 44px;
    letter-spacing: -3px;
    word-spacing: 15px;
    white-space: nowrap;
    margin-top: -20px;
    margin-left: 14px;
}
.ldl .lower-text {
    display: flex;
    margin-top: 18px;
    margin-left: 15px;
    white-space: nowrap;
    width: 600px;
}
.ldl .lower-text .cc {
    font-family: 'AG Bold Ex';
    font-size: 48px;
    white-space: nowrap;
    letter-spacing: -2px;
}
.ldl .lower-text .label {
    font-family: 'AKZID Md Ex';
    font-size: 54px;
    letter-spacing: -3px;
    text-align: left;
}
.ldl .lower-text .cond {
    font-family: 'AG Bold Ex';
    font-size: 54px;
    margin-top: -2px;
    white-space: nowrap;
    letter-spacing: 0px;
    padding-left: 72px;
}
.ldl .lower-text.right {
    margin-left: 702px;
    margin-top: -70px;
}
.ldl .crawl {
    position: absolute;
    font-size: 60px;
    white-space: nowrap;
    overflow: hidden;
    width: 1620px;
    margin-left: -130px;
}
.ldl .crawl .js-marquee {
    font-family: 'Helvetica Neue';
}

.date-time {
font-family: 'AKZID Md Ex';
    text-align: right;
    position: absolute;
    color: #e8e9e9;
    font-size: 36px;
    z-index: 10;
    right: 515px;
    margin-top: 168px;
    text-shadow: 2px 2px #000;
    -webkit-text-stroke: 0.4px #000;
}
#time {
    right: 160px;
}