h1 {
    color: #f59e2b
}
h3 {
    color: #f59e2b
}

h6 {
    color: #f59e2b
}

li{
    color:#f59e2b
}
body{
    background-image: linear-gradient(to right, #fbdd9d 30%, #cd69b2 100%);
}
body{margin: 0px;}
#header{
    width: 100%;
    height: 100px;
    background-image: linear-gradient(to right, #fbdd9d 30%, #cd69b2 100%);
}
    background-color: #f1f1f1;

#container{
    width: 100%;
    height: 600px;
}
#footer{
    width: 100%;
    height: 100px;
}
.col{
    width: 33.3%;
    height: auto;
    position: relative;
    float: left;
}
.col_i{
    padding: 50px 25px 50px 25px;
}
.col .col_top{
    width: 100%;
    height: 80px;
}
.col1 .col_top{
    background-color: darkorange;
}
.col2 .col_top{
    background-color: aquamarine;
}
.col3 .col_top{
    background-color: gold;
}
.col .col_bottom{
    width: 100%;
    height: auto;
    background-color: #fff;
}
.col .col_bottom_i{
    padding: 15px;
}
.col .col_bottom h3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    color:#111;
    line-height: 1;
}
.col .col_bottom p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#111;
    line-height: 1;
}
.h_left, .h_right{
    width: 50%;
    height: auto;
    position: relative;
    float:left;
}
.h_left_i, .h_right_i{
    padding: 0px 25px 50px 25px;
}
.h_left_color, .h_right_color{
    background-color: #fff;
}
.h_left_color_i, .h_right_color_i{ padding: 15px;}
.h_left h3, .h_right h3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    color:#111;
    line-height: 1;
}
.h_left p, .h_right p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#111;
    line-height: 1;
}