﻿/* 
Extra small     .col        <576px 
Small           .col-sm     ≥576px	
Medium          .col.md     ≥768px	
Large           .col.lg     ≥992px	
Extra large     .col.xl     ≥1200px 
*/


/* Extra small */
@media only screen and (max-width: 575px) {
    body {
      /* background-color: lightgreen; */
    }
    
}

/* Small */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    body {
      /* background-color: lightpink; */
    }
}

/* Medium */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    body {
      /* background-color: lightskyblue; */
    }
}

/* Large */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    body {
      /* background-color: yellowgreen; */
    }
    
}

/* Extra Large */
@media only screen and (min-width: 1200px) {
    body {
      /* background-color: none; */
    }
}

.background-image-container {
    background-image: url('img/zelle-send-money-fast-safe-free.jpg'); 
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center;
}

.image-text-container {
    position: relative;
    left:0;
    top: 0;
    width: 55%;
    height: 100%;
    padding: 7% 0 20% 36px;


    background: linear-gradient(to left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.7) 100%);
    /* background: gray; */
}

.image-text {
    position: relative;
    font-size:3.5em;
}