html, body, .grid-container { height: 100%; margin: 0; }

.grid-container * { 
 position: relative;
}

.section {
width: 100vw;
height: 100vh;
}
    
.grid-container {
  display: grid;
  grid-template-columns: 1.2fr 0.2fr;
  grid-template-rows: 0.4fr 1.5fr 1.1fr;
  grid-template-areas: "logo contact" "title contact" "description contact";
}

.title { grid-area: title; }

.title h1 {
	font-size: 6vw;
	margin: 0;
	position: relative;
	overflow: hidden;
    font-family: Futura-Bold;
    color: #4A4A4A;
    letter-spacing: 0.37px;
}

.description { grid-area: description;
    max-width: 50vw;
    min-width: 30vw;
}

.description p { 
font-family: Futura-Medium;
font-size: 22px;
letter-spacing: 0.37px;
 }


.logo { grid-area: logo; }

.logo {
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.logo img{
    width: 12vw;
    height: 100%;
}


.contact {
    grid-area: contact; 
    padding-top: 100px;
        position: relative;

}
.contact span {
position: relative;
    width: 100%;
    height: 200px;
    text-align: center;
    display: block;
    }

.contact h3{
position: absolute;
    display: block;
    width: 100%;
}

.title, .logo, .description { 
padding-left: 10vw;}


.links span{
    padding: 12px;
    border-radius: 7px;
    color: #4A4A4A;
    margin: 7px;
    display: inline-block;
    background-image: none;
    background-color: #DADADA;
}

.links span:hover{
    background-color: #ffffff;
    background-image: linear-gradient(-45deg, #DADADA 50%, #BB3737 150%);
}

.rotate {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.white {
background: url(../img/bg_white.svg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    color: #4A4A4A !important;
    
}

.white h1{
color: #4A4A4A !important;
   }


.black {
background: url(../img/bg_white.svg) no-repeat center center fixed;
background-color: #2A2A2A;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    color: #ffffff !important;  
}

.black h1{
color: #ffffff !important;  
}


.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}