body {
   font-family: 'Raleway', sans-serif;
   background-color: #e2e2e2;
   margin: 0;
   min-width: 300px;
   background-size: cover;
   background-attachment: fixed;
   background-image: url(../image/global/2.jpg);
}

.content{
   max-width: 1300px;
   width: 92%;
   margin: auto;
   display: table;
   height: 100%;
   position: absolute;
   left: 0;
   right: 0;
}

.vertical-align {
   display: table-cell;
   vertical-align: middle;
   padding: 40px 0px;
}

h1{
	font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #3c3c3c;
    font-size: 35px;
    margin-top: 0;
    margin-bottom: 45px;
    padding-bottom: 20px;
    position: relative;
    font-weight: 500;
}

h1:before{
    content: '';
    position: absolute;
    bottom: 0;
    height: 3px;
    width: 50px;
    left: 0;
    background-color: #e82c2b;
}

.column{
	float:left;
	width:50%;
	background-color:#FFF;
}

.grid{
	position:relative;
	overflow: hidden;
	zoom:1;
	clear:both;
   -webkit-box-shadow: 0px 0px 75px -20px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 0px 75px -20px rgba(0,0,0,0.75);
   box-shadow: 0px 0px 75px -20px rgba(0,0,0,0.75);
}

.grid .left{
	background-image: url(../image/error/1.jpg);
    background-position: center;
	background-size: cover;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:50%;
}

.grid .right{
	padding: 70px 80px;
   box-sizing: border-box;
   float:right;
}

.grid .right p{
	color: #3c3c3c;
   font-size: 14px;
   line-height: 25px;
}

@media screen and (max-width: 960px){
    h1{
      font-size:30px;
    }

    .grid .right{
      padding: 60px 65px;
    }
}

@media screen and (max-width: 750px){
    h1{
      font-size:25px;
    }

    .grid .right{
      width:100%;
    }

    .grid .left{
      position: relative;
      height: 300px;
      width: 100%;
    }

    .grid .right{
      padding: 50px 10%;
    }
}