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

@media (min-device-width: 150px) and (max-device-width: 736px), screen and (device-width: 768px) and (device-height: 1280), screen and (device-width: 384px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 2), screen and (device-width: 720px) and (device-height: 1280)
 {
     
     
body{
    
    margin: 0px;
    padding: 0px;
    line-height: 2;
    font-family: 'Arial', serif;
}

     
     
.mobileonly{
    
    display: block;
}

     
     h1{
         
         font-size: 1.9rem;
         font-weight: bolder;
     }
     
     
     .socials{
         
         text-align: right;
         
     }
     .menubtn{
         
         
         display: inline-block;
         position: relative;
         
     }
     
     .menubtn > img{
         width: 30px;
         height: auto;
     
     }
     
     
.imagemanager, .musicmanager {
    
    padding-bottom: 25px;
}

.musicmanager > div > img{
    
    width: 100%;
    height: auto;
}

.musicmanager > div:not(div:first-child){
    
    font-size:10px;
    line-height: 1;
    text-align: center;
    
}

.imagemanager > div, .imagemanager > img, .musicmanager > div, .musicmanager >img{
    
    width: 80px;
    display: inline-block;
    vertical-align: top;
    height: 80px;
    margin-right: 15px;
    object-fit: cover;
    object-position: center;
    background-color: aliceblue;
    cursor: pointer;
}


.imagemanager > div:nth-child(1), .musicmanager > div:nth-child(1){
    
    box-sizing: border-box;
    padding: 22px;
    padding-left: 37px;
    font-weight: bolder;
    
    
}

.productpage{
    
    width: 100%;
    display: flex;
}

.productpage > div{
    
    width: 50%;
    
}

.productpage select{
    
    display: block;
    margin-bottom: 25px;
    border-radius:3px;
    padding: 15px;
    width: 300px;
}


.productpage div > *{
    
    margin-top: 15px;
}


.productpage > div:nth-child(2) > div:nth-child(1){
    
    font-weight: bolder;
    font-size: 2em;
}

.productpage > div:nth-child(2) > div:nth-child(2){
    
    font-weight: bolder;
    margin-top: 0px;
}

productpage > div:nth-child(1) > img{
    
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
}




.products > a{
    
    text-decoration: none;
    color:black;
}

.products > a > div{
    
    position: relative;
    width: 50%;
    height: auto;
    padding: 15px;
    margin-right: 1%;
    line-height: 1.6;
}

.products > a > div > img{
    width: 100%;
    position: relative;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    object-fit: cover;
    object-position: center;
}


.products > a > div > div:nth-child(2){
    font-weight: bolder;
}


.products > a > div > div:nth-child(4){
font-size: 10px;
}


.submissions input{
    
    width: 100%; margin-right: 1%;
    padding: 3px;
    margin-bottom: 15px;
    box-sizing: border-box;
    border-radius: 3px;
}

textarea{
    display: block;
    resize: none;
    font-family: 'Arial', serif;
    padding: 3px;
    margin-bottom: 15px;
    width: 100%;
    box-sizing: border-box;
    min-height: 300px;
    border-radius: 3px;
}

.logo{
    
    height: 30px;
    width: auto;
}


.cbtn{
    cursor: pointer;
    padding: 5px;
    min-width: 200px;
    width: 100%;
    box-sizing: border-box;

    text-align: center;
    color: white;
    background-color: black;
    position: relative;
    display: inline-block;
    border-radius:3px;
}
.centercontent{
    width: 90vw;
    display:block;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    box-sizing: border-box;
    margin-top: 35px;
    
}

.centercontent2{
    
    width: 90vw;
    box-sizing: border-box;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 60px;
    background-color: white;
    border-radius: 6px;
    margin-top: -159px;
    position: relative;
    z-index: 10;
}

.bannertext{
   top: 45%;
    position: absolute;
    color: white;
    font-weight: bolder;
    font-size: 3em;
    z-index: 10;
    line-height: 1.25;
    width: 90vw;
    left: 50%;
    margin-left: -45vw;
    text-align: center;
    text-transform: uppercase;
}

.topbar{
    
    display: flex;
    background-color: black;
    box-sizing: border-box;
    padding: 10px;
    max-height: 7vh;
    min-height: 6vh;
width: 100%;
}

.topbar > div{
    
    width: 50%;
}

.topbar a{
    
    color: white;
    text-decoration: none;
    margin-right: 35px;
}


.header{
    
    width: 100%;
    height: 30vh;
    background-color: black;
    box-sizing: border-box;
}

.header img{
    
    
    opacity: .6;
    width: 100%;
    
    height: 30vh;
    object-fit: cover;
    object-position: center;
    
}

.homebanner{
    position: relative;
    background-color: black;
}
.homebanner img{
    opacity: .6;
    height: 95vh;
    object-fit: cover;
}
     
     
     .nav{
         
         position: fixed;
         width: 90vw !important;
         top: 0px;
         left: -100vw;
         height: 100vh;
         display: block;
         padding: 42px;
         box-sizing: border-box;
         background-color: black;
         color: white;
                  z-index: 20;

     }

     
     .nav > a {
         
         color: white;
         margin-bottom: 25px;
         display: block;
         border-bottom:thin solid #868686;
     }
     
     
     .nav > div {
         
         text-align: right;
     }
     
     .nav > div > div{
         
         display: inline-block;
         position: relative;
     }

     
}