.login-logo{
    width:20%;
    opacity:1.0;
    display:block;
    margin:0 10% 10px 10%;
}

.ts-flex-col {
    display: flex !important;
    display: -webkit-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    -webkit-flex-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    justify-content: center !important;
 }

.ts-margin-width-80
{
    width:80% !important;
    margin-left:10% !important;
    margin-right:10% !important;
}

.ts-vertical-horizontal-center-80 {
    margin: 0 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    min-width:80% !important;
    width:80% !important;
    max-width:80% !important;
}

.ts-title
{
  text-transform: uppercase !important;
  font-weight: bold !important;
}

@media only screen and (min-width: 768px) {
    body {
        font-size:medium;
        /*background-color: purple !important;*/
    }

   .ts-vertical-horizontal-center-80 {

        max-width: 400px !important;
        width: 400px !important;
        min-width: 400px !important;
   }
}