.left-bar{
    height: fit-content;
    background-color: #263238;
    color: #fff;
    position: relative;

}

.phone-sidebar {
    /*background-color: #263238;*/
    /*color: #fff;*/
    /*position: relative;*/
    width: 100%;
    display: none;
}
@media (min-width: 769px) {
    .phone-sidebar {
        display: block;
        vertical-align: top;

    }
}

.phone-sidebar-main{
    z-index: 99;
}

.phone-sidebar-secondary{
    z-index: 98;
}

.phone-sidebar-content{
    position: relative;
    /*padding-bottom: 8px;*/
}

.logo {
    max-width: 80%;
    max-height: 80%;
    padding-left: 10%;
    padding-top: 10px;
    padding-bottom: 20px;

}
.sublogo{
    max-width: 100%;
}
.phone {
    /*margin-left: 10%;*/
    /*margin-right: 10%;*/
    /*padding-top: 160%;*/
    min-width:80%;
    box-sizing: border-box;
    /*background-image: url('../images/platform/GooglePixel.png');*/
    /*background-size: 100% 100%;*/
    /*background-attachment: scroll;*/
    /*background-repeat: no-repeat;*/
    /*border-top:  4.5vw solid transparent;*/
    /*border-right: 1vw solid transparent;*/
    /*border-left: 1vw solid transparent;*/
    /*border-bottom: 7vw solid transparent;*/
    /*padding: 15px;*/
    /*-webkit-border-image: url('../images/platform/GooglePixel.png') 49% stretch; !* Safari 3.1-5 *!*/
    /*-o-border-image: url('../images/platform/GooglePixel.png') 49% stretch; !* Opera 11-12.1 *!*/
    /*border-image: url('../images/platform/GooglePixel.png') 20% stretch;*/
    /*border-image-outset: 10px;*/
}
.top-phone{
    width: 100%;
}
.left-phone{
    position: absolute;
    width: 4.5%;
    height: 90%;
    display: inline-block;
    top: 0;
    bottom: 0;
    left:0;
}
.right-phone{
    position: absolute;
    width: 5%;
    height: 90%;
    display: inline-block;
    top: 0;
    bottom: 0;
    right: -0.8%;
}
.bottom-phone{
    width: 100%;
    position:relative;
    /*bottom: 0;*/
    top: 100%;
}

.phone-content{
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left:  4.5%;
    padding-right:  4.5%;

    /*margin-top: -171%;*/
    /*padding-bottom: 31%;*/
    /*padding-top: 30%;*/
    /*padding-left: 5%;*/
    /*padding-right: 5.5%;*/
    /*height: 100%;*/
    /*width: 90%;*/
}
.phone-content.btn-group{
    box-sizing: border-box;
}

.phone-dates, .phone-dates:hover{
    width: 100%;
    /*padding-top: 10%;*/
    /*border-style: solid;*/
    /*border-width: 1px 1px 0px 0px;*/
    /*border-color: white;*/
    /*box-shadow: 2px 2px 15px #888888;*/
    /*background-color: #222222;*/
    /*width: 100% !important;*/
    /*background-color: #263238;*/
    color: white;
}

.button-phone, .button-phone:hover{
     /*max-width: 33.33333%;*/
     /*padding-top: 15%;*/
     /*border-style: solid;*/
     /*border-width: 1px 1px 0px 0px;*/
     /*border-color: white;*/
     /*box-shadow: 1px 1px 15px #888888;*/
     border: 2px solid #888888;
     background-color: transparent;
    /*width: 100% !important;*/
     /*background-color: #263238;*/
     color: white;
     text-align: center;
 }

.button-phone-large, .button-phone-large:hover{
    width: 100%;
    /*padding-top: 15%;*/
    /*border-style: solid;*/
    /*border-width: 1px 1px 0px 0px;*/
    /*border-color: white;*/
    /*box-shadow: 1px 1px 15px #888888;*/
    border: 2px solid #888888;
    /*background-color: #222222;*/
    /*width: 100% !important;*/
    /*background-color: #263238;*/
    color: white;
    text-align: center;
}