/************************************************************************/

/****Varaibles****/

/************************************************************************/

/****Fonts***/

/**************************************************************************/

/****Mixin****/

/*-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------*/

/**************************************************************************/

/*************************************************************************/

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box; }



body {

  background-color: #262626; }



.header {

  width: 100%;

  height: 100vh;

  position: relative;

  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)), url(../images/bg.jpeg) center no-repeat;

  background-size: cover; }

  .header .brand {

    display: flex;

    align-items: center;

    position: absolute;

    top: 15%;

    left: 50%;

    transform: translate(-50%, -50%); }

  .header-banner {

    text-align: center;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%); }



.logo {

  font-size: 70px;

  color: #d3ab55;

  width: 110px;

  height: 110px;

  border: solid 3px #d3ab55;

  border-radius: 50%;

  margin-right: 20px;

  display: flex;

  justify-content: center;

  align-items: center; }



.main-name {

  font-family: "Nunito", sans-serif;

  font-size: 50px;

  color: #bbb;

  font-weight: 300;

  letter-spacing: 2px;

  text-transform: uppercase; }



.sub-name {

  font-family: "Josefin Sans", sans-serif;

  font-size: 18px;

  color: #bbb;

  text-align: center;

  font-weight: 300;

  letter-spacing: 2px;

  text-transform: uppercase; }



.main-heading {

  font-family: "Dancing Script", cursive;

  font-size: 100px;

  font-weight: 300;

  color: #d3ab55;

  margin-bottom: 40px; }



.sub-heading {

  font-family: "Josefin Sans", sans-serif;

  font-size: 60px;

  color: #bbb;

  font-weight: 300;

  margin-bottom: 80px; }



.main-btn {

  width: 170px;

  height: 45px;

  font-family: "Josefin Sans", sans-serif;

  font-size: 14px;

  color: #d3ab55;

  text-transform: uppercase;

  letter-spacing: 1px;

  background-color: transparent;

  border: 1px solid #d3ab55;

  border-radius: 5%;

  outline: none;

  cursor: pointer;

  transition: all .4s; }

  .main-btn:hover {

    background-color: #d3ab55;

    color: #262626; }



/*# sourceMappingURL=main.css.map */