@import "variables.less";

.main-content {
  height: 990px;
  background-image: url("../images/main-background-dots.png");
  background-color: @grey-background-color;
  
  .container {
    position: relative;
    display: flex;
    flex-direction: row;
    padding-top: 75px;
    flex-wrap: wrap;
    
    .payment-data {
      margin-top: 30px;
      width: 100%;
      
      h3 {
        font-family: Oswald;
        font-size: 80px;
        font-weight: bold;
        line-height: 120px;
        margin-bottom: 60px;
        color: @orange-color;
        text-transform: uppercase;        
      }
      
      div {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 23px;       
        
        span {
          font-weight: bold;          
        }
      }
    }
      
    &:after {
      display: block;
      content: " ";
      top: 250px;
      right: 0;
      position: absolute;
      background: #FF5912;
      box-shadow: 0px 0px 160px 120px #FF5912;
      z-index: 1;
    }

    &:before {
      display: block;
      content: " ";
      top: 410px;
      left: 540px;
      position: absolute;
      background: #FF5912;
      box-shadow: 0px 0px 130px 120px #FF5912;
      z-index: 1;
    }    
    
    .map-box {
      position: relative;
      z-index: 2;
      
      iframe {
        border-radius: 250px 30px;
        overflow: hidden;        
      }
    }
    
    .content-box {
      
      h3 {
        font-family: Oswald;
        font-size: 80px;
        font-weight: bold;
        line-height: 120px;
        margin-bottom: 60px;
        color: @orange-color;
        text-transform: uppercase;
      }
      
      .contact-row {
        margin-bottom: 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
        font-weight: bold;
        font-size: 20px;
        line-height: 23px;
        
        a {
          color: @black-color;
        }
        
        img {
          margin-right: 15px;
        }
      }
      
      .header-media-links {
        display: flex;
        flex-direction: row;
        
        img {
          margin-right: 15px;
        }
      }
    }
  }
}