body {
  width: 100%;
  height: 100%;
  font-family: sans-serif;
  color: black;
}
html {
  width: 100%;
  height: 100%;
}

.bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  widht: 100%;
  height: 100%;
  z-index: -1;
  background-color: #E1DFCD;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 35px;
  text-transform: uppercase;
  font-family: sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
}
p {
  margin: 0 0 25px;
  font-size: 12px;
  line-height: 1.5;
}

.landingPage {
        margin: 0 auto 0 auto;
        width: 28%;
        min-height: 100vh;
        /* For centering content */
        display: flex;
        align-items: center;
        justify-content: center;
    }

.zoom {
    padding: 0px;
    background-color: none;
    background-image: url("../");
    transition: transform .4s; /* Animation */
    width: 500px;
    height: 350px;
}


    .zoom:hover {
        transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
        /*  background-image: url("../img/CR_logo-Red-Black.png"); */
        transition: transform .4s; /* Animation */
    }

    .zoom:hover ~ .bg {
        background-color: #EE0;
    }


.logo {
  display: block;
  width: 500px;
  height: 350px;
}

#logo:hover {
  background-image: url("/CR_logo-Black-Red.png") 0 0;
}

.contact {
    position: absolute;
    bottom: 10px;
    width: 100%;
    align-items: center;
    text-align: center;
}
.contact-button {
    color: #323232 !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    background: ;
    padding: 20px;
    border-radius: 0px;
    display: inline-block;
    border: none;
    transition: all 0.4s ease 0s;
}

    .contact-button:hover {
        background: #ef473f;
        letter-spacing: 2px;
        -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
        -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
        box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
        transition: all 0.4s ease 0s;
    }

@media (max-width: 767px) {
    .landingPage {
        width: 40%;
    }
    .logo {
      width: 250px;
      height: 175px;
    }
}