@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
body{
    font-family: "Montserrat"; 
    background:url(../../assets/img/main.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #333299;
}
a{
    text-decoration: none; 
}
h1{
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    font-size: 3vw;
    line-height: 150%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 3px 5px 6px rgb(0, 0, 0), -6px -7px 6px #494949;
    -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;
}

h6{
    text-transform: uppercase;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #1D2A3E;
}

.content{
    position: relative;
    height: 50%;
    top: 20%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}


.logo-img{
    width: 20vw;
    -webkit-transition: all 1s ease;;
    -moz-transition: all 1s ease;;
    -o-transition: all 1s ease;;
    transition: all 1s ease;
}

.menu .active{
    cursor: pointer;
}



.btn{
    margin: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20vw;
    height: 48px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: bold;
    font-size: 1.5vw;
    line-height: 17px;
    color: #FFFFFF;
    background: #0066b3;
    border-radius: 25px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;
    -moz-user-select: none;
-khtml-user-select: none;
user-select: none;  
}
.btn-light{
    margin: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25vw;
    height: 48px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: bold;
    font-size: 1.5vw;
    line-height: 17px;
    color: #0066b3;
    background: #FFFFFF;
    border-radius: 25px;
    border: 1px solid #0066b3;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;
    -moz-user-select: none;
-khtml-user-select: none;
user-select: none;  
}
.btn-light:hover{
    background: #e0e0e0;
    color: #333299;
    width: 30vw;
}

.btn:hover{
    background: #e0e0e0;
    color: #333299;
    width: 30vw;
}

@media screen and (max-width: 900px) {
    .btn-light{
        width: 90vw;
        font-size: 4vw;
    }
    .btn-light:hover{
        width: 95vw;
        font-size: 4vw;
    }
    .logo-img{
        width: 40vw;
    }
    h1{
        font-size: 6vw;
    }

  }