style.css

body{ 
    font-family: 'Open Sans', sans-serif;
}
*{
    box-sizing: border-box;
}
ul{
    list-style-type:none;
    margin:0;
    padding:0 10% 0 3%;
    overflow: hidden;
    /* background-color:#333; */
}

li{
    float:right;
}

li a{
    display:block;
    color:#fff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover{
    background-color:#111;
}
.container{
    height: 640px;
    background-color:black;
}
.logo{
    height:80px;
    width:100px;
}
.logo-img{
    float:left!important;
}
.row{
    display:flex;
    padding: 0 0 0 5%;
}
.column{
    flex:65%;
    padding: 10px;
    color:#fff;
    /* height:100%!important; */
}
/* .left {
    width: 70%!important;
    background-color:red;
  }
  
  .right {
    width: 30%!important;
    background-color:blue;
  } */
  div.column:nth-of-type(1){ 
    flex: 1; 
    /* background: #1B2631;  */
    padding-right:10%;
} 
div.column:nth-of-type(2){ 
    flex: 0.5; 
    /* background:#424949;  */
} 
.title{
    font-size: 3.5rem;
    font-weight:700;
    margin-bottom:0px!important;
}
.sub-title{
    font-size:3.0rem;
    font-weight:600;
    margin-top:0px!important;
    margin-bottom:12px!important;
}
.subsub-title{
    font-weight:100!important;
}
.coke{
    height:400px;
    width:600px;
}
.coke-images{
    display:flex;
    width:400px;
    height:100px;
    /* background-color:yellow; */
    /* margin-left:40%; */
    margin-left:auto;
    margin-right:auto;
    padding-top: 20px;
}
.columns{
    /* flex:33.3%; */
}
.column1{
    height:70px;
    /* width:100px; */
}
.column2{
    height:70px;
    /* width:100px; */
}
.column3{
    height:70px;
    /* width:80px; */
}