.appcontent{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.appicon{
    width: 100%;
    max-width: 240px;
    height: auto;
    border-radius: 20px;
    box-shadow: 0.25rem 0.25rem 0.75rem rgba(0,0,0,.600), -1px -1px 1px rgba(0,0,0,.500) inset;
    margin: 20px;
}

.appdescription{
    width: 80%;
    
}

.ourapps{
    padding-top: 30px;
}

.sliderContainer{
    width: 100%;
    padding-top: 160px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
}

.slider{
    display: flex;
    flex-wrap: nowrap;
    width: 28vw;
    justify-content: start;
    
    overflow-x: hidden;
    z-index: 0;
    
}

.slides{
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    transition: transform 1s;
    z-index: 0;
    
    
}

.slide{
    width: 28vw;
    
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
}

.image{
    
    width: 20vw;
    align-items: center;
    box-shadow: 0.25rem 0.25rem 0.75rem rgba(0,0,0,.600), -1px -1px 1px rgba(0,0,0,.500) inset;
    border-radius: 20px;
    margin: 2vw;
    z-index: 0;
}
p{
    font-size:medium;
}

.iconandshortdesc{
    display: flex;
    width: 80%;
    justify-content: center;
    flex-wrap: nowrap;
}

.description{
    margin-left: 10px;
    vertical-align: middle;
}

.getit{
    width:100%;
    display: flex;
    justify-content: center;
    
    border: 1px solid rgb(218, 218, 218);
}

.getit a{
    width: 300px;
    height: auto;
    display: flex;
    justify-content: center;
}

.playbadge{
    width: 100%;
    height: auto;
}
h1{
    margin-left: 20px;
    margin-right: 20px;
}

@media screen and (max-width: 1080px) {
    .slider{width: 48vw;}
    .slide{width: 48vw;}
    .image{width: 40vw;}
    h1{font-size: 2em;}
    .playbadge{width: 40%;
        margin-left: auto;
        margin-right:auto;
    }
    .appicon{width: 80%;}
    h2{font-size: 1.2em;}
    nav img{height: 14vw;
    max-height: 100px;}

    
  }