@charset "utf-8";
/* CSS Document */

/* RESET */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, address, img, ul, li, form, label, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display:block;
}
body { 
  font:.8em sans-serif; 
  *font-size:small;
  color:#fff; 
}
a { 
  margin:0; 
  padding:0; 
  font-size:100%; 
  vertical-align:baseline; 
  background:transparent;
  text-decoration:none;
  outline:none;
}
h1, h2, h3, h4, h5, h6 { 
  font-weight:bold;
}
ul {
  list-style:none;
  width:100%;
}

/* END RESET */

/* Common Styles */

.bold {
  font-weight:bold;
}
.italic {
  font-style:italic;
} 
.underline {
    text-decoration:underline;
}
.uppercase {
  text-transform:uppercase;
}
.left {
  float:left;
}
.center {
    text-align:center;
}
.right {
  float:right;
}
.clear {
  clear:both;
}
.center-text {
  text-align:center;
}
.inline li {
  display:inline;
}
.overflow {
  overflow:hidden;
}
.relative {
  position:relative;
}
.absolute {
  position:absolute;
}
p {
    margin-bottom:15px;
}

/* Keyframes */

@-webkit-keyframes opacityChange {
  0% {
    opacity:1;
  }
  100% {
    opacity:0.1;
  }
}
@keyframes opacityChange {
  0% {
    opacity:1;
  }
  100% {
    opacity:0.1;
  }
}

/* Fonts */

@font-face {
    font-family:'AeonikPro-Regular';
    src:url("../fonts/aeonikpro-regular.woff") format("woff");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
  font-family:'Questrial';
  src:url("../fonts/questrial.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family:'Rocco';
  src:url("../fonts/rocco.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

/* Unique styles */

html, body {
    height:100%;
    font-size:17px;
    font-family:"AeonikPro-Regular",-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;
    overflow-x:hidden;
    background:#000;
}
a {
    color:#b51700;
}
button {
    background:#000;
    color:#fff;
    border:2px solid red;
    padding:15px;
    font-size:1.5rem;
    cursor:pointer;
    text-transform:uppercase;
}
#introWrapper {
    height:300vh;
}
#menuBG {
    position:fixed;
    top:0;
    left:-500vw;
    width:100%;
    height:60px;
    background:#fff;
    z-index:2;
}
section {
    position:relative;
    z-index:1;
    color:#000;
}
section a {
    font-size:1.2em;
    letter-spacing:2px;
}
.fullHeight {
    height:100%;
    padding:10% 5% 5% 5%;
} 
#contentWrapper .fullHeight {
    background:#000;
    color:#fff;
}
#about {
    position:relative;
    width:100%;
    max-height:955px;
    background:#171717;
    padding:0;
    overflow:hidden;
}
#bg img {
    max-width:666px;
    transition:all 1s;
    transition-delay:0.7s;
}
#bg img.bgAnimate {
    transition-delay:0;
}
.bgAnimate {
    margin-left:3.5%;
    transform:scale(1.2);
}
nav {
    position:absolute;
    top:1%;
    right:15%;
}
nav li {
    display:inline-block;
    border-bottom:2px solid #fff;
    padding:25px;
    color:#fff;
    cursor:pointer;
}
#name {
    position:absolute;
    top:35%;
    right:0;
    width:100%;
    height:15%;
    padding:3% 0 0 15%;
    background:#fff;
    color:#000;
    font-size:5em;
    font-family:"Rocco",sans-serif;
    text-shadow:#000 1px 1px;
    z-index:-1;
}
#name h1 {
    float:right;
    width:64%;
    letter-spacing:0.2rem;
    font-weight:100;
}
#bio {
    position:absolute;
    top:0;
    right:-35%;
    width:25%;
    height:100%;
    padding:5%;
    background:#fff;
    color:#000;
}
#closeBio {
    position:absolute;
    top:1%;
    right:5%;
    font-size:2rem;
    cursor:pointer;
}
#titles {
    font-size:3em;
    line-height:1;
    padding-bottom:25px;
    font-family:"Rocco",sans-serif;
}
.photos {
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    width:18%;
    padding:0 1%;
}
#contentWrapper {
    height:100%;
}
#projects {
    width:100%;
    background:#000;
    /*padding-top:50px;
    padding-bottom:40px;*/
    text-align:center;
    border-top:5px solid red;
    /*border-bottom:5px solid red;*/
}
#projects a {
    color:#fff;
    font-size:1em;
    letter-spacing:1px;
}
#projects div {
    display:inline-block;
    width:15%;
    padding-left:25px;
    text-align:center;
}
#projects div img {
    width:100%;
    padding-bottom:15px;
}
#projects .adjustNav {
    width:65%;
}
#blog, #vinnyroc, #borderland, #music, #author, #ltf, #beteran, #projectplay {
    margin:19px auto 0 auto;
}
#blog, #music, #author, #borderland, #ltf, #beteran, #projectplay {
    overflow:hidden;
    border:2px solid #fff;
    border-radius:25px;
    width:99.7%;
}
#blog {
    margin-top:5%;
    background:url(../images/blogbg.jpg);
    background-size:auto 100%;
    background-size:cover;
    color:#fff;
    z-index:999;
}
#blogColorBG {
    position:relative;
    padding:5%;
    left:3%;
    width:33%;
    height:100%;
    background:#000;
    background:rgba(230,115,0,0.7);
}
#blog h2 {
    font-size:5rem;
}
#blogHeader {
    margin:10px 0 100px 0;
}
#recentEntry {
    position:relative;
    left:-3%;
}
#blog button {
    position:relative;
    margin-top:-35px;
    background:rgba(0,0,0,0.6);
    color:#fff;
    font-size:1.2rem;
    border:2px solid #fff;
}
#blogContentWindow {
    position:fixed;
    top:0;
    right:-135%;
    width:100%;
    height:100%;
    padding:125px 0 25px 0;
    background:#000;
    overflow:scroll;
}
#blogContentWindowTitle {
    position:absolute;
    top:1%;
    left:1%;
}
#blogContentWindowClose {
    position:fixed;
    top:0;
    right:1%;
    width:2%;
    height:48px;
    padding:1% 1.5% 1% 0.8%;
    background:#000;
    color:#fff;
    text-align:right;
    font-size:2rem;
    display:none;
    cursor:pointer;
}
#blogContentWindowCopy {
    padding:25px 25px 125px 25px;
    line-height:1.3;
    background:#fff;
    color:#000;
}

.gdlr-blog-content-inner {
    padding-left:25px;
}
.gdlr-item.gdlr-blog-full {
    margin-bottom:50px;
}
.gdlr-blog-full {
    border-bottom-width:0px;
    border-bottom-style:solid;
}
.gdlr-item {
    margin:0px 20px 20px;
    min-height:1px;
}
.gdlr-blog-full .blog-date-wrapper {
    text-align:center;
    float:left;
    margin-right:20px;
    width:65px;
    margin-top:8px;
    padding-bottom:20px;
    border-bottom-width:1px;
    border-bottom-style:solid;
}
.blog-date-wrapper, .blog-date-wrapper * {
    border-bottom-color:#990100;
}
.blog-date-wrapper {
    color:#ffffff;
}
.gdlr-blog-full .blog-date-wrapper .blog-date-day {
    display:block;
    font-size:50px;
    line-height:1;
    margin-bottom:16px;
}
.blog-date-wrapper, .blog-date-wrapper * {
    border-bottom-color:#990100;
}
.gdlr-blog-full .blog-date-wrapper .blog-date-month {
    display:block;
    font-size:14px;
    line-height:1;
    margin-bottom:14px;
}
.gdlr-blog-full .blog-date-wrapper .blog-date-year {
    display:block;
    font-size:17px;
    line-height:1;
}
.gdlr-blog-full .gdlr-blog-content-wrapper {
    overflow:hidden;
}
.gdlr-blog-full .gdlr-blog-title {
    font-size:27px;
    font-weight:bold;
    margin:0 0 9px 0;
    color:#fff;
}
body .gdlr-list-event .event-date-wrapper, body .gdlr-blog-title, body .gdlr-blog-title a {
    font-weight:500;
}
.gdlr-blog-full .gdlr-blog-info {
    margin-bottom:14px;
    font-size:12px;
}
.gdlr-blog-full .gdlr-blog-info .gdlr-separator:first-child {
    display:none;
}
.gdlr-blog-full .gdlr-blog-info .gdlr-separator {
    float:left;
    margin:0px 10px;
}
.gdlr-blog-full .gdlr-blog-info .blog-info {
    float:left;
}
.blog-info, .blog-info a, .comment-time, .comment-time a {
    color:#a0a0a0;
}
.gdlr-blog-full .gdlr-blog-info .blog-info {
    float:left;
}
.gdlr-blog-full a {
    color:#fff;
}
.gdlr-blog-full .excerpt-read-more {
    display:block;
    margin-top:20px;
    width:113px;
    padding:15px;
    background:rgba(0,0,0,0.6);
    color:#fff;
    font-size:1.2rem;
    border:2px solid #fff;
    letter-spacing:0;
    text-transform:uppercase;
    cursor:pointer;
}
.blog-date-wrapper, .blog-date, .blog-category, .blog-comment, .gdlr-separator, .blog-author, 
.gdlr-blog-full .gdlr-blog-thumbnail, .gdlr-blog-thumbnail {
    display:none;
    visibility:hidden;
}

#podcastlogo {
    width:100%;
    padding-bottom:5%;
}
#vinnyroc iframe {
    margin-left:-2px;
    width:99.7%;
    height:615px;
    border-radius:25px;
    margin:auto;
}
#music {
    padding:0;
    color:#fff;
    background:url(../images/musicbg.jpg);
    background-size:auto 100%;
    background-size:cover;
    background-position-y:25%;
}
#music div:first-child {
    position:relative;
    top:0;
    left:3%;
    padding:5%;
    width:33%;
    height:100%;
    background:rgb(13,148,154,0.7);
    z-index:999;
}
#music h2, #music h3 {
    letter-spacing:4px;
}
#music h2 {
    font-size:5em;
}
#music h3 {
    font-size:1.5em;
    margin-bottom:45px;
}
#music p {
    font-size:1.2em;
    margin:0 auto 45px auto;
}
#music iframe {
    margin-bottom:15px;
}
#musicbg {
    overflow:hidden;
}
#musicbg img {
    position:absolute;
    top:0;
    margin-top:-5%;
    width:110%;
}
#music button {
    width:100%;
    background:#282828;
    border:2px solid #fff;
}
#music button:hover {
    background:rgba(0,0,0,0.5);
}
#borderland {
    width:96.7%;
    padding-left:3%;
}
#borderland .strip {
    width:21%;
    padding:5%;
    background:linear-gradient(to bottom, rgba(82, 89, 64, 0.800) 0%, rgba(82, 89, 64, 0.298) 33%, rgba(15, 15, 15, 1.000) 100%);
    color:#fff;
}
#borderland h2 {
    font-size:5rem;
    margin-bottom:45px;
}
#borderland hr {
    margin:30px 0;
}
#borderland button {
    width:100%;
    margin:auto;
    border:2px solid #fff;
}
#borderland .iframeWrapper {
    position:absolute;
    width:60%;
    top:4%;
    right:2%;
    height:0;
    margin:auto;
    padding-bottom:26.25%;
}
#borderland iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#borderland iframe {
    position:absolute;
    top:0;
    right:0;
    width:100%;
}
#author {
    color:#fff;
}
#author .row div {
    position:relative;
    display:inline-block;
}
#author .row div:first-child {
    width:30%;
}
#author .row div:nth-child(2) {
    position:absolute;
    width:60%;
    padding-left:5%;
}
#author img {
    width:100%;
    margin-left:10%;
}
#author h2 {
    padding:9% 0 10px 0;
    font-size:5rem;
}
#author h3 {
    font-size:2rem;
    padding-bottom:5%;
}
#author hr {
    width:80%;
    margin:5% auto;
}
#author hr.dividertop {
    border-bottom:1px solid red;
}
#author hr.dividerbottom {
    border-top:1px solid red;
}
#author p {
    font-size:1.2rem;
    width:75%;
    text-align:left;
    margin:auto;
}
#ltf {
    width:96.7%;
    padding:5% 0% 10% 3%;
    border:2px solid red;
    background:#fff;
    color:#000;
}
#ltf div {
    position:relative;
    display:inline-block;
    width:40%;
}
#ltf h2 {
    position:relative;
    margin-top:15%;
    font-size:4em;
}
#ltf p {
    position:relative;
    top:50px;
    font-size:1.2em;
}
#ltf a {
    position:relative;
    top:50px;
}
#ltflogo {
    position:relative;
    left:35%;
    max-width:30%;
}
#ltf .iframeWrapper {
    position:relative;
    width:49%;
    top:10%;
    left:5%;
    height:0;
    margin:auto;
    padding-bottom:26.25%;
    box-shadow:0 0 40px 20px #b51700;
}
#ltf iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#beteran {
    width:96.7%;
    margin-bottom:5%;
    padding:5% 0% 10% 3%;
    font-family:'Questrial', sans-serif;
    color:#fff;
}
#beteran p {
    line-height:0.6;
    font-size:2em;
}
#beteran a {
    float:right;
    margin-right:5%;
    font-size:1.2em;
}
#beteranLogo {
    width:35%;
    margin:auto;
}
#beteranLogo img {
    width:100%;
}
#projectplay {
    margin-bottom:5%;
    padding:0;
    letter-spacing:1.3px;
    color:#fff;
    background:#021c01;
}
/*#projectplayBG {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#021c01;
    animation:opacityChange 3s infinite alternate;
}*/
#projectplay div {
    display:inline-block;
}
#projectplay a {
    color:#088e01;
}
#playlogowrapper {
    width:38%;
}
#playlogowrapper img {
    position:absolute;
    top:-10%;
    left:0;
    width:34%;
}
#playSlider {
    position:relative;
    top:0;
    right:0;
    width:58%;
    padding:12.5% 2% 0 0;
}
#playSlider div {
    display:block;
}
#playSlider div:first-child {
    font-size:1.2em;
    padding-bottom:50px;
}
#playSlider div:nth-child(2) {
    font-size:2em;
    text-align:center;
}
#playtext img:first-child {
    padding-bottom:25px;
}
#playSlider .highlight {
    position:relative;
    margin-top:50px;
    color:#8bad87;
}
#playSlider .center {
    position:relative;
    margin-top:45px;
}
#playSlider .center p:first-child {
    font-size:1.3em;
    padding-bottom:15px;
}
#projectplayfooter {
    position:relative;
    bottom:0;
    left:0;
    padding-left:8%;
    width:92%;
}
#projectplayfooter img {
    max-width:150px;
}
#playsponsored p {
    text-align:center;
}
#coreStudios {
    position:absolute;
    right:0.5%;
    bottom:25%;
    text-align:right;
}
#popupLoader {
    position:fixed;
    display:table;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    background:rgba(0,0,0,0.9);
    color:#fff;
}
#popupContent {
    position:relative;
    width:90%;
    margin:auto;
    top:50%;
    background:#000;
    transform:translate(0,-50%);
}
#popupContent div {
    display:table-cell;
    text-align:center;
}
#popupContent img {
    width:100%;
}
#popupFirst {
    width:40%;
}
#popupSecond {
    position:relative;
    padding-left:5%;
    line-height:2;
    vertical-align:middle;
}
#popupSecond h2 {
    font-size:2.5rem;
    color:#d7593e;
}
#popupSecond h3 {
    font-size:1.2rem;
}
#popupSecond button {
    position:relative;
    font-size:1.2rem;
    top:20px;
}
#popupClose {
    position:absolute;
    top:2%;
    right:2%;
    font-size:2rem;
    cursor:pointer;
}
footer {
    position:relative;
    color:#000;
    padding:2% 5%;
    background:#fff;
    border-top:5px solid red;
    z-index:999;
}
footer div {
    position:relative;
    width:75%;
    margin:auto;
}
footer .indent {
    position:relative;
    margin-left:20%;
}
#footerlinks, #socials, #copyright, #websitecredit {
    position:relative;
    left:15%;
    width:49%;
    display:inline-block;
}
#socials, #websitecredit {
    position:relative;
    left:;
}
#footerlinks, #socials {
    padding-bottom:5%;
} 
#aboutlink {
    display:none;
    visibility:hidden;
}
#socials {
    position:absolute;
    top:0;
    left:64%;
}
#socials img {
    max-width:50px;
}

@media screen (min-width:800px) and (max-width:1281px) {
    #fullHeight {
        height:100%;
    }
    #bio {
        padding-top:177.06px;
    }
    #titles {
        display:none;
        visibiliy:hidden;
    }
    #name {
        position:absolute;
        top:0;
        left:0;
        padding-bottom:0;
        border-bottom:0;
        font-size:7rem;
    }
    #music div:first-child {
        width:42%;
    }
    #music h2 {
        font-size:2.3em;
    }
    #music h3 {
        font-size:1.2em;
    }
    #music iframe {
        height:150px;
        margin-bottom:-60px;
    }
    #music button {
        position:relative;
        top:45px;
    }
    #musicbg img {
        top:0;
        width:auto;
    }
    #beteranLogo {
        width:50%;
    }
    #author h2 {
        padding:0 0 10px 0;
    }
    #playlogo {
        max-width:70%;
    }
    #playlogowrapper img {
        top:-7.5%;
    }
    footer .indent {
        margin-left:10%;
    }
    footer div {
        width:90%;
    }
}
@media screen and (max-width:799px) {
    html, body {
        background:#000;
        color:#fff;
    }
    .fullHeight {
        height:auto;
        min-height:100%;
    }
    #about {
        border-bottom:5px solid red;
        height:125%;
    }
    #bg {
        width:100%;
        height:100%;
    }
    #bg img {
        position:relative;
        left:-18%;
        width:auto;
        height:100%;
        filter:grayscale(100%);
        transform:scale(-1,1);
    }
    nav {
        top:0;
        right:0;
        font-size:1.2rem;
        background:red;
        opacity:0.7;
    }
    nav li {
        color:#fff;
        border-bottom:2px solid red;
    }
    #name {
        background:#171717;
        color:#fff;
        text-shadow:#000 1px 1px;
    }
    #biowrap {
        position:absolute;
        top:0;
        right:-120%;
        width:100%;
        height:100%;
        backdrop-filter:blur(2px);
    }
    #bio {
        width:90%;
        right:0;
        padding:15% 5% 0 5%;
        background:rgba(0,0,0,0.5);
        color:#fff;
    }
    #closeBio {
        top:1%;
        right:3%;
        color:#fff;
        font-size:1.2rem;
    }
    #titles, .photos {
        display:none;
        visibility:hidden;
    }
    #name {
        position:absolute;
        top:5%;
        left:0;
        font-size:2.5rem;
        padding-top:0;
        padding-bottom:0;
        padding-left:0;
        border-bottom:0;
        width:55%;
        text-align:center;
    }
    #name h1 {
        letter-spacing:0.5rem;
    }
    #projects {
        display:none;
        visibility:hidden;
        padding-bottom:8.5%;
    }
    #projects div {
        display:block;
        width:100%;
        padding-left:0;
    }
    #projects a:nth-child(4) div {
        margin-top:-7%;
    }
    #music, #ltf, #beteran {
        width:95.7%;
    }
    #blog, #author, #projectplay {
        width:98.7%;
    }
    #blog {
        height:auto;
        background-position:-115%;
    }
    #blogColorBG {
        left:0;
        width:100%;
        background:rgba(230,115,0,0.7);
    }
    #blog h2 {
        font-size:3rem;
    }
    #blogHeader {
        margin:10px 0 100px 0;
        width:95%;
    }
    #recentEntry {
        position:relative;
        left:-3%;
        width:95%;
    }
    #blogContentWindow {
        padding:70px 0 25px 0;
    }
    #blogContentWindowTitle {
        top:2.8%;
        left:3%;
    }
    #blogContentWindowTitle h2 {
        font-size:1.3rem;
    }
    #blogContentWindowClose {
        right:0;
        width:10%;
        padding:4% 4% 1% 0;
    }
    #blogContentWindowCopy {
        padding:25px 25px 70px 25px;
    }
    .gdlr-item {
        margin:0 10px 20px;
    }
    #vinnyroc iframe {
        width:99%;
    }
    #music {
        width:99%;
        background-position:50%;
    }
    #music div:first-child {
        left:0;
        width:90%;
    }
    #music h2 {
        font-size:1.3em;
    }
    #music h3 {
        font-size:1em;
    }
    #musicbg img {
        margin-top:0;
        left:-115%;
    }
    #borderland {
        width:98.7%;
        padding-left:0;
    }
    #borderland .strip {
        width:90%;
        padding:5%;
        background:linear-gradient(to bottom, rgba(82, 89, 64, 0.800) 0%, rgba(82, 89, 64, 0.298) 33%, rgba(15, 15, 15, 1.000) 100%);
        color:#fff;
    }
    #borderland h2 {
        font-size:4rem;
        margin-bottom:45px;
    }
    #borderland hr {
        margin:30px 0;
    }
    #borderland button {
        width:100%;
        margin:auto;
        border:2px solid #fff;
    }
    #borderland .iframeWrapper {
        position:relative;
        width:100%;
        top:4%;
        right:0;
        height:0;
        margin:auto;
        padding-bottom:75%;
    }
    #borderland iframe {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
    #borderland iframe {
        position:absolute;
        top:0;
        right:0;
        width:100%;
    }
    #author .row div:first-child {
        width:100%;
        margin-bottom:25px;
    }
    #author img {
        margin-left:0;
    }
    #author .row div:nth-child(2) {
        position:relative;
        width:100%;
        padding-left:0;
    }
    #author h2 {
        font-size:2rem;
    }
    #author h3 {
        font-size:1.2rem;
    }
    #author hr {
        width:100%;
    }
    #author p {
        padding-left:5%;
        width:95%;
    }
    #author button {
        margin:5% 0;
    }
    #ltflogo {
        left:5%;
        max-width:85%;
    }
    #ltf div {
        width:100%;
    }
    #ltf h2 {
        font-size:2em;
    }
    #ltf p {
        width:95%;
    }
    #ltf .iframeWrapper {
        width:85%;
        margin-top:5%;
        top:0;
        left:5%;
        padding-bottom:56.25%;
        margin-bottom:20vh;
    }
    #ltf a {
        top:90vw;
    }
    #beteran {
        width:95.7%;
    }
    #beteran div:first-child {
        width:100%;
    }
    #beteranLogo {
        margin-left:-5%;
        width:100%;
    }
    #projectplay {
        padding:10% 0 5% 0;
        margin-bottom:5%;
    }
    #playlogowrapper {
        width:100%;
    }
    #playlogowrapper img {
        position:relative;
        margin-top:-40%;
        width:100%;
        max-width:100%;
    }
    #playSlider {
        position:relative;
        margin-top:-30%;
        width:90%;
        padding:5%;
    }
    #playSlider div:nth-child(2) {
        font-size:1em;
    }
    #playSlider .highlight {
        margin-top:0;
    }
    #playSlider .center {
        top:0;
        margin-top:45px;
    }
    #playtext img {
        margin-left:-6%;
    }
    #projectplayfooter {
        position:relative;
    }
    #projectplay #projectplayfooter img {
        max-width:150px;
    }
    #coreStudios {
        position:relative;
        right:2vw;
        float:right;
        font-size:0.5em;
    }
    #popupLoader, #popupContent div {
        display:block;
    }
    #popupContent {
        width:calc(100vw - 20px);
        padding:0;
        max-height:inherit;
    }
    #popupFirst {
        width:100%;
    }
    #popupSecond {
        padding-left:0;
    }
    #popupSecond button {
        font-size:1rem;
        top:30px;
    }
    #popupClose {
        top:-17%;
        right:40%;
        border:1px solid #fff;
        padding:3%;
    }
    footer {
        background:#fff;
        color:#000;
        padding:5% 5% 0 5%;
        border-top:5px solid red;
    }
    footer div {
        display:block;
        width:100%;
    }
    #footerlinks, #socials, #copyright, #websitecredit {
        left:0;
        width:100%;
        text-align:center;
        padding-bottom:5%;
    }
    #socials {
        position:relative;
    }
    footer .indent {
        margin-top:0;
        margin-left:0;
    }
}
@media screen and (width:800px) and (height:600px) {
    #name {}
    #music {
        margin:7% auto 100px auto;
        height:auto;
    }
    #music iframe {
        margin-bottom:-35px;
    }
    #author img {
        width:50%;
    }
    #beteran {
        padding:5% 5% 35% 5%;
    }
    #coreStudios {
        position:absolute;
        bottom:20%;
    }
    footer {
        padding:5% 5% 0 5%;
    }
}
@media screen and (min-width:701px) and (max-width:1130px) {
    #name {
        font-size:4rem;
    }
}
@media screen and (min-width:701px) and (max-width:1281px) {
    #ltf .iframeWrapper {
        top:-10%;
    }
}
@media screen and (width:1024px) {
    #bg img {
        width:52%;
    }
    #name {
        top:25%;
        width:50%;
        height:100%;
        padding:3% 0 0 50%;
        background:#171717;
        color:#fff;
        font-size:7rem;
    }
    nav {
        right:1%;
    }
    .gdlr-blog-full .gdlr-blog-title {
        font-size:26px;
    }
    #blogContentWindowTitle {
        top:2.5%;
        left:2%;
    }
    #blogContentWindowTitle h2 {
        font-size:4rem;
    }
    #blogContentWindowClose {
        width:3%;
    }
    #author .row div:nth-child(2) {
        position:relative;
    }
    #author button {
        margin-bottom:25px;
    }
    #music {
        background-position-x:14%;
    }
    #ltf .iframeWrapper {
        position:absolute;
        width:46.5%;
        top:37%;
        left:50%;
    }
}
@media screen and (width:1136px) and (height:640px) {
    nav {
        right:1%;
    }
    #bg img {
        width:39%;
    }
    #name {
        top:35%;
        padding:3% 0 0 19%;
        font-size:4rem;
    }
    #name h1 {
        letter-spacing:0.4rem;
    }
    #blogContentWindowTitle {
        top:2.5%;
        left:2%;
    }
    #blogContentWindowTitle h2 {
        font-size:4rem;
    }
    #blogContentWindowClose {
        width:2.5%;
        padding:1% 1.5% 0.7% 0.7%;
    }
}
@media screen and (width:1280px) {
    nav {
        right:1%;
    }
    #bg img {
        width:39%;
    }
    #name {
        top:31%;
        padding:2% 0 0 16%;
        font-size:5rem;
    }
    #name h1 {
        letter-spacing:0.4rem;
    }
}
@media screen and (width:1366px) {
    nav {
        right:1%;
    }
    #name {
        top:43%;
        padding:1% 0 0 20%;
        font-size:5rem;
    }
    #name h1 {
        letter-spacing:0.3rem;
    }
}
@media screen and (width:1440px) {
    #name {
        top:46%;
        padding:2% 0 0 22%;
        font-size:5rem;
    }
    #name h1 {
        letter-spacing:0.3rem;
    }
    nav {
        right:1%;
    }
}
@media screen and (width:1600px) {
    #name {
        top:46%;
        padding:1% 0 0 18%;
        font-size:6em;
    }
    #name h1 {
        letter-spacing:0.3rem;
    }
    nav {
        right:1%;
    }
}
@media screen and (min-width:1920px) {
    #name {
        top:43%;
        padding:1% 0 0 17%;
        font-size:6em;
    }
    #name h1 {
        letter-spacing:1.1rem;
    }
    nav {
        right:1%;
    }
    #blog {
        height:815px;
    }
    #music h2 {
        font-size:3em;
    }
    #popupSecond h2 {
        font-size:4.5rem;
    }
}
@media screen and (min-width:750px) and (-webkit-min-device-pixel-ratio:0) { 
    ::i-block-chrome, .fullHeight {
        height:90%;
    }
    ::i-block-chrome, #projects div {
        display:inline-block;
        width:18%;
        padding-left:25px;
        text-align:center;
    }
    ::-i-block-chrome, #projects div img {
        margin-bottom:20%;
    }
}