@media (orientation: portrait) {

    .logo-container-first{
        display: none;
    }

}

@media (orientation: landscape) {

    .logo-container-first{
        display: flex;
    }

}

.logo-container-first{
    height: 15vh;
    width: 40vw;
    justify-content: center;
    align-content: center;
    align-self: center;
    align-items: center;
    margin: 0 auto;
    margin-top:2vh;
}

.logo-first{
    background: white;
    position: relative;
    z-index: 1;
    height: 100%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 9px 3px rgba(100,139,230,1);
    -moz-box-shadow: 0px 0px 9px 3px rgba(100,139,230,1);
    box-shadow: 0px 0px 9px 3px rgba(100,139,230,1);
}

.logo-text{
    padding-left: 2vw;
    height: 65%;
    margin-left: -2vw;
    -webkit-box-shadow: 0px 0px 9px 3px rgba(100,139,230,1);
    -moz-box-shadow: 0px 0px 9px 3px rgba(100,139,230,1);
    box-shadow: 0px 0px 9px 3px rgba(100,139,230,1);
}

.logo-first-img,
.logo-text-img{
    width: 100%;
    height: 100%;
}