@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;500;600;700;800&display=swap');

html {
    /* 1rem = 10px 
    font-size: 62.5%;
    scroll-behavior: smooth;*/
  }

body{
    font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight:300;
    transition: all 200ms linear;
}
a{
	transition: all .5s;
}
a:hover{
	text-decoration: none;
}

/* #Navigation
================================================== */
.landingWrp{
  text-align: center;
}
.landingBox{
    padding: 20px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.landingBox img{
    width: 600px;
}
.landingBox p a{
    color: #222d66;
}
.landingBox p a:hover{
    text-decoration: underline;
}
.loginBtn{
    background: #e41e30;
    color: #fff;
    padding: 4px 20px;
    text-transform: uppercase;
    box-shadow: 0 2px 4px #ccc;
    font-size: 20px;
    border-radius: 4px;
    font-weight:300;
}
.loginBtn:hover{
    background: #222d66;
    color: #fff;    
}
#transvirtual-loginwidget {
    padding: 10px;
    width: 100%!important;
    display: flex;
    flex-direction: column;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 0px 2px 4px #ccc;
}
#transvirtual-loginwidget input{
    width: 100%!important;
    font-weight: 300;
}
#transvirtual-loginwidget .transvirtual-forgotpwdtxt {
    text-align: right;
}
#transvirtual-loginwidget .transvirtual-button:last-child input.transvirtual-loginbtn{
    width: auto!important;
    margin: 0 auto;
    float: inherit;
    background: #e41e30;
    color: #fff;
    font-size: 25px;
    padding: 3px 30px;
    font-weight: 300;
}
#transvirtual-loginwidget .transvirtual-button:last-child input.transvirtual-loginbtn:hover{
    background: #222d66;
    color: #fff;    
}
@media(max-width:768px){   
    .landingBox {
        width: 100%;
    } 
.landingBox img{
    width:100%;
    max-width: 700px;
}
}