#section-values-top{
  background-color: $charcoal;
  background-image: url(images/Good-Times-Tampa-Skyline.jpg);
  background-size: cover;
  
  .center-wrapper{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      -webkit-transform: translateY(-50%) translateX(-50%);
      -moz-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      width: 100%;
  }
  
  .container-fluid, .row, .col-md-12{
      height: 50vh;
    }
  
  .btn.btn-primary{
          border: 3px double $yellow;
          background-color: transparent;
          font-family: $hFont;
          text-transform: uppercase;
          border-radius: 0;
          margin-top: 15px;
          padding: 15px;
          transition: all .5s;

          &:hover{
              transform: scale(1.1,1.1);
              background-color: $yellow;
              color: $charcoal;
              border-color: $charcoal;
            }
      }
  h2{
    margin-bottom: 30px;
  }
}

#section-values-flavor{
  
  .col-md-6:first-of-type{
    background-color: $yellow;
    background-size: cover;
    background-position: center center;
    
    h2{
      padding: 30px;
    }
  }
  
  .col-md-6:nth-of-type(2){
    background-image: url(images/Good-Times-Tobacco-Leaves-Hanging.jpg);
    background-size: cover;
    background-position: center center;
    padding: 30px;
    
    h2{
      margin-bottom: 15px;
    }
  }
  
}

#section-values-freshness{
  
  .col-md-6:nth-of-type(2){
    background-color: $charcoal;
    background-image: url(images/Good-Times-Tobacco-Plant-Flowering.jpg);
    background-size: cover;
    background-position: center center;
    padding: 30px;
    
    p{
      margin-bottom: 0;
    }
    
    h2{
      margin-bottom: 15px;
    }
  }
  
  .col-md-6:first-of-type{
    background-color: $yellow;
    background-size: cover;
    background-position: center center;
    
    h2{
      padding: 30px;
    }
  }
  
}

#section-values-quality{
  
  .col-md-6:first-of-type{
    background-color: $yellow;
    background-size: cover;
    background-position: center center;
    
    h2{
      padding: 30px;
    }
  }
  
  .col-md-6:nth-of-type(2){
    background-image: url(images/Good-Times-Tobacco-Field.jpg);
    background-size: cover;
    background-position: center center;
    padding: 30px;
    
    p{
      margin-bottom: 0;
    }
    
    h2{
      margin-bottom: 15px;
    }
  }
  
}

#section-values-innovation{
  
  .col-md-6:nth-of-type(2){
    background-color: $charcoal;
    background-image: url(images/Good-Times-Tobacco-Leaves-Hanging-2.jpg);
    background-size: cover;
    background-position: center center;
    padding: 30px;
    
    h2{
      margin-bottom: 15px;
    }
  }
  
  .col-md-6:first-of-type{
    background-color: $yellow;
    background-size: cover;
    background-position: center center;
    
    h2{
      padding: 30px;
    }
  }
  
}

#section-values-value{
  
  .col-md-6:first-of-type{
    background-color: $yellow;
    background-size: cover;
    background-position: center center;
    
    h2{
      padding: 30px;
    }
  }
  
  .col-md-6:nth-of-type(2){
    background-color: $charcoal;
    background-image: url(images/Good-Times-Tobacco-Farm.jpg);
    background-size: cover;
    background-position: center center;
    padding: 30px;
    
    h2{
      margin-bottom: 15px;
    }
  }
  
}

/*@media(min-width: 768px){
  
}

@media(min-width: 996px){
  
}*/

@media(min-width: 996px){
  
  #section-values-top{
    height: 100vh;
    position: relative;
    
    .container-fluid, .row, .col-md-12{
      height: 100vh;
    }
    
    .center-wrapper{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      -webkit-transform: translateY(-50%) translateX(-50%);
      -moz-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      font-size: 80px;
      width: 80%;
      
      h1{
        font-size: 80px;
      }
      
      p{
          font-size: 28px;
        }
      
        .btn.btn-primary{
          border: 3px double $yellow;
          background-color: transparent;
          font-family: $hFont;
          text-transform: uppercase;
          border-radius: 0;
          margin-top: 15px;
          padding: 15px;
          transition: all .5s;

          &:hover{
              transform: scale(1.1,1.1);
              background-color: $yellow;
              color: $charcoal;
              border-color: $charcoal;
            }
      }
    }
  }
  
  #section-values-flavor{
    height: 100vh;
    
    .container-fluid, .row, .col-md-6{
      height: 100vh;
    }

    .col-md-6:first-of-type{
      background-color: $yellow;
      
      .center-wrapper{
        
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        width: 80%;
        
        h2{
          font-size: 80px;
        }
      }
    }

    .col-md-6:nth-of-type(2){
      background-color: $charcoal;
      
      .center-wrapper{
        
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        padding: 15px;
        border: 3px double $yellow;
        width: 80%;
        
        h3{
          margin-bottom: 15px;
        }
      }
    }
  }
  
  #section-values-freshness{
    height: 100vh;
    
    .container-fluid, .row, .col-md-6{
      height: 100vh;
    }

    .col-md-6:nth-of-type(2){
      .center-wrapper{
        
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        padding: 15px;
        border: 3px double $yellow;
        width: 80%;
        
        h3{
          margin-bottom: 15px;
        }
      }
      
    }

    .col-md-6:first-of-type{
      
      .center-wrapper{
        
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        width: 80%;
        
        h2{
          font-size: 80px;
        }
      }
    }

  }
  
  #section-values-quality{
    height: 100vh;
    
    .container-fluid, .row, .col-md-6{
      height: 100vh;
    }

    .col-md-6:first-of-type{
      background-color: $yellow;
      
      .center-wrapper{
        
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        width: 80%;
        
        h2{
          font-size: 80px;
        }
      }
    }

    .col-md-6:nth-of-type(2){
      background-color: $charcoal;
      
      .center-wrapper{
        
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        padding: 15px;
        border: 3px double $yellow;
        width: 80%;
        
        h3{
          margin-bottom: 15px;
        }
      }      
    }

  }
  
  #section-values-innovation{
    height: 100vh;
    
    .container-fluid, .row, .col-md-6{
      height: 100vh;
    }

    .col-md-6:nth-of-type(2){
      .center-wrapper{
        
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        padding: 15px;
        border: 3px double $yellow;
        width: 80%;
        
        h3{
          margin-bottom: 15px;
        }
      }
      
    }

    .col-md-6:first-of-type{
      
      .center-wrapper{
        
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        width: 80%;
        
        h2{
          font-size: 80px;
        }
      }
    }

  }
  
  #section-values-value{
    height: 100vh;
    
    .container-fluid, .row, .col-md-6{
      height: 100vh;
    }

    .col-md-6:first-of-type{
      background-color: $yellow;
      
      .center-wrapper{
        
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        width: 80%;
        
        h2{
          font-size: 80px;
        }
        
      }
    }

    .col-md-6:nth-of-type(2){
      background-color: $charcoal;
      
      .center-wrapper{
        
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        padding: 15px;
        border: 3px double $yellow;
        width: 80%;
        
        h3{
          margin-bottom: 15px;
        }
      } 
    }
  }
}