*{
padding: 0;
margin: 0;
border: 0;
box-sizing: border-box;
color: #000;
font-family: 'Oakes Grotesk', Helvetica, Arial, sans-serif;
}

HTML, BODY{
height: 100%;
}

P{
margin: 0 0 30px 0;
}





.container{
font-size: 0;
margin: 0 auto;
width: 1450px;
position: relative;
}

#header{
background-color: #000000;
}

#header H1 {
display: inline-block;
width: 30%;
min-height: 90px;
vertical-align: middle;
background: url(../img/LOGO1.svg) no-repeat center center;
}


#main .container{
padding: 0px 70px;
}

#main H1{
font-size: 50px;
line-height: 100px;
font-weight: bold;
margin:  70px 0;
}

#main H2{
font-size: 24px;
line-height: 40px;
font-weight: bold;
}

#main P{
font-size: 18px;
line-height: 30px:
}

#main IMG{
display: block;
margin: 0 0 35px 0;
}



#footer{
background-color: #E2E2E2;
padding: 45px 0px;
}





#footer H3{
font-size: 14px;
line-height: 24px;
font-weight: bold;
margin: 0 0 35px 0;
padding: 0 0 0 70px;
}




#f1{
display: inline-block;
width: 50%;
vertical-align: top;
font-size: 14px;
line-height: 24px;
padding: 0 130px 0 70px;
}

#f2{
display: inline-block;
width: 50%;
vertical-align: top;
font-size: 14px;
line-height: 24px;
padding: 0 20px 0 0;
}












@media (max-width: 1500px) {

#header H1 {
display: block;
width: 100%;
min-height: 90px;
vertical-align: middle;
background: url(../img/LOGO1.svg) no-repeat center center;
}

.container{
width: 100%;
padding: 0 15px;
}

#main .container{
padding: 0 15px;
}


#footer H3{
padding: 0;
}

#f1{
display: block;
width: 100%;
padding: 0;
}

#f2{
display: block;
width: 100%;
padding: 0;
}


}