@import url('https://fonts.googleapis.com/css?family=Lato:100');

*{
          margin:0;
          padding:0;
          box-sizing: border-box;
          font-family: "Lato",sans-serif;
}
body{
          background:url("bkg.jpg") no-repeat center center / cover;
          height:100vh;
}
nav{
          background:rgba(0,0,0,0.6);
          width:100%;
          padding:0 10%;
          display:flex;
          justify-content: space-between;
          align-items: center;
          height:50px;
}
nav ul{
          list-style:none;
          display:flex;
}
nav ul li:first-of-type{
          padding:0 10px;
}
nav ul li:first-of-type:after{
          content:"/";
          color:white;
}
nav ul li a{
          text-decoration:none;
          font-size:1.2em;
          color:white;
}
nav div{
          display:flex;
          align-items: center;
}
nav div h1{
          padding-left:20px;
          color:white;
}
nav div img{
          width:40px;
}
.square{
          background:rgba(255,255,255,0.3);
          position:fixed;
          display:flex;
          flex-direction: column;
          top:50%;
          left:50%;
          transform: translate(-50%,-50%);
          width: 600px;
          height:600px;
          margin:auto;
}
.square h1{
          padding-top:30%;
          padding-bottom:10px;
          text-align:center;
          color:#4d4444;
          font-size:4em;
}
.square h2{
          text-align:center;
          color:#4d4444;
          font-size:1.6em;
          padding
}
.cta{
          display:block;
          margin:auto;
          font-size:2em;
}
.cta p{
          background:rgba(90,0,0,0.5);
          border:2px solid white;
          padding: 10px 20px;
          color:white;
          transition: all 0.3s;
                    filter:blur(1px);
}
.cta p:hover{
          background:rgba(90,0,0,0.9);
          filter:blur(0px);
          cursor:default;

}
@media screen and (max-width:468px){
          nav div h1{
                    font-size:1.0em;
          }
          nav {
                    padding:0 1%;
          }
          nav li{
                    font-size:0.7em;
          }
          .square{
                    width:350px;
                    height:400px;
          }
          .square h1{
                    font-size:2.1em;
          }
          .square h2{
                    font-size:1.2em;
          }
}