@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&display=swap');

body{margin: 0px;width: 100vw; height: 100%; background: #111111; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;}
.pos{position: relative; float: left;}
.wrapper{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center;}
.content{display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center;}
.txt{font-family: 'Montserrat', sans-serif; text-align: center;color:#EEE; display: flex; flex-direction: column; justify-content: center; align-items: center; bottom:60px; position: absolute; opacity: .7;}
.txt > h1{font-size: .8em; font-weight: 400; margin: 0px; color:#EEE; padding: 0px;margin-top: 50px;}
.txt > h1 a{color:#EEE; text-decoration: none;}
.txt > h1 a:hover{text-decoration: underline;}
.logo{position: relative;opacity: 1;  width: 100%; height: 110px; background: url('../images/logo.svg') no-repeat top; background-size:contain; margin-bottom: 50px;}


@media screen and (max-width:800px){
    .logo{width: 100%; height: 27vw;  background-size: contain; margin-top: 0px;}
    .content{top: 0px;width: 85%; margin-top: 0px !important;}
    .txt > h1{font-size: .8em;}
    
}