*{
box-sizing: border-box;
margin: 0px;
padding: 0px;
}
html{
font-size: 10px;
}
body{
font-size: 1.6rem;
line-height:1.5;
text-align: center;
background-color: #333;
color: #fff;
font-family: 'Open Sans', sans-serif;
}
a{
text-decoration: none;
}
p{
padding: 1.5rem 0rem;
 

}
header{
height: 45rem;
width: 100%;
}
header .bg-image{
height: 45rem;
background-image: url(img/bg.jpeg);
width: 100%;
background-position: center;
background-size: cover;
opacity: 0.4;
position: absolute;
z-index: -1;
}
header .h-content{
padding: 5.5rem 8rem;
 

}

header .button{
display: inline-block;
background-color: #333;
color: #fff;
border: 1px solid #666;
padding: 1.6rem 3.2rem;
margin: 0.5rem 8;

}
header a:hover{
background-color: #eaeaea;
color: #000;
font-weight: bold;
transition: 1s;
}
#section-a{
background-color: #eaeaea;
color: #333;
width: 100%;
padding: 3.2rem 0;
}
#section-b img{
width: 100%;
height: auto;
}
#section-b{
width: 100%;
padding: 2rem;
}
.col-content{
background-color: #fff;
color: #333;
padding: 1.5rem;
}
#section-c{
background-color: #eaeaea;
color: #333;
padding: 5rem;
width: 100%;
}
#section-d .box:first-child{
background-color: #2690d4
}
#section-d .box{
width: 100%;
padding: 5rem;
}
footer{
padding: 4rem;
background-color: #000;
width: 100%;
}
footer a{
color: #2690d4;
}
@media only screen and (min-width:768px){








 

}