@font-face {
    font-family: 'poppins';
    src: url('fonts/poppins-thin-webfont.woff2') format('woff2'),
         url('fonts/poppins-thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('fonts/poppins-extralight-webfont.woff2') format('woff2'),
         url('fonts/poppins-extralight-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('fonts/poppins-light-webfont.woff2') format('woff2'),
         url('fonts/poppins-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'poppins';
    src: url('fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'poppins';
    src: url('fonts/poppins-black-webfont.woff2') format('woff2'),
         url('fonts/poppins-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

/* raleway-700 - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: local(''),
         url('fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('fonts/raleway-v28-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

  /* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local(''),
         url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

html {
    font-size: 1rem;  
    font-family: 'Open Sans'; 
    font-weight: 500;
    
}

body {
    background-image: url("../images/atom-core.jpg");    
    backdrop-filter: blur(3px);    
    background-color: #245766;    
    background-blend-mode: normal;    
    background-size:     cover;    
    background-repeat:   no-repeat;    
    color: white;
}


.head1 {
    font-size: 4.1em;
    color: white;
    font-family: 'Raleway';
    font-weight: 700;
}

@media only screen and (max-width: 500px) {
    .head1 {
      font-size: 2.5em;
    }
  }

.head3 {
    font-size: 2em;
    color: white;
    font-family: 'Open Sans';
    font-weight: 500;
}

.head4 {
    font-size: 1.6em;
    color: white;
    font-family: 'Open Sans';
    font-weight: 500;
}

.head5 {
    font-size: 1.3em;
    color: white;
    font-family: 'Open Sans';
    font-weight: 400 !important;
}

.head6 {
    font-size: 0.9em;
    color: white;
    font-family: 'Open Sans';
    font-weight: 500;
}

a:link {
    color: white;
  }
  
  /* visited link */
  a:visited {
    color: white;
  }
  
  /* mouse over link */
  a:hover {
    color: white;
  }
  
  /* selected link */
  a:active {
    color: white;
  }

.content {
    padding-top: 1.1rem;
}

.whiteColor {
    color: white;
}
 
.green {
    color: green;
}

.red {
    color: #c82333;
}

.company-title {
    margin-top: 100px;    
}

.company-title > img {    
  max-width: 100%;  
}

.main-text {
    margin-top: 6%;    
    margin-bottom: 4%;    
}

.details-columns {    
    margin-bottom: 5%;   
    margin-top: 10%;   
}
.payoff {
    margin-top: -4%;
        height: auto;      
        max-width: 100%;    
}
.bg-dark {
    background-color: #10627a !important;
}