html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

html {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

body {
    width: 100%;
    height: auto;
    overflow-x: hidden;
}

/*  TOOLKIT   */

.clear {
    clear: both;
}

.floatl {
    float: left;
}

.floatr {
    float: right;
}

/*  TYPOGRAFIE  */

html, h1, h2, h3, h4, h5, h6, p, a, input, textarea {
    font-family: 'Montserrat', sans-serif;
}

.placeholder {
    width: 100vw;
    height: 100vh;
    position: relative;
}

.text {
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.logo {
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(25deg);
    opacity: 0.032;
    animation: spin 3.6s ease-in-out infinite;
}

@media (max-width: 768px) {
    .text {
        width: 64%;
    }
    .logo {
        width: 20%;
    }
}

@media (min-width: 769px) {
    .text {
        width: 48%;
    }
    .logo {
        width: 12%;
    }
}

@keyframes spin {
    0% {transform: translate(-50%, -50%) rotate(25deg);}
    33% {transform: translate(-50%, -50%) rotate(385deg);}
    100% {transform: translate(-50%, -50%) rotate(385deg);}
}