.brand_logo {
    height:100px;
    position: relative;
    top: -20px; 
    /*border: 1pt solid white;*/
}
@media (max-width: 767px) {
    .brand_logo {
        height:76px;
        top: -15px; 
    }
}
@media (max-width: 478px) {
    .brand_logo {
        height:35px;
        width:35px;
        top: -4px;
        padding-left: 6px;
    }
}

@media (min-width: 767px){
    .pp { margin-top: 200px }			
}

.team-img{
    height: 400px;
}


.topnav {
    overflow: hidden;
    text-align: right;
    position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 50px; 
    background-color:rgba(0,0,0,0.5);
  }
  
  .topnav a {
    float: right;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
  
  .topnav a:hover {
    color: dimgray;  
  }	
  
  .topnav a.active {
    color: #f2f2f2;
  }
  
  @media (max-width: 478px) {
      .NotSmalScreen{
          display: none;
      } 
      .smallScreen {
          display:block;
      }
  }
  @media (min-width: 479px) {
      .NotSmalScreen{
          display: block;
      } 
      .smallScreen {
          display:none;
      }
  }

  .svc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-gap: 5rem;
    padding: 10px;
    position: relative;
    top: -140px;
    margin-left: 10%;
    margin-right: 10%;
}

.svc-grid > div.svc-Item {
    background: white;
    padding: 1.5rem;
    border-radius: 1rem;
    text-align: center;

}
    
.svc-grid > div.svc-Item > i {		
    font-size: 90px;
    color: #2196F3;
    background-color: white;
    padding: 15px;
}

.svc-grid > div.svc-Item > h3 {
    width: 80%;
    margin-left:10%;
    border-top: solid 3pt #4280c9;
    padding-top: 15px;
}

.svc-grid > div.svc-Primary {
    background-color: #2196F3;
    color: white;
    position: relative;
    top: -40px;
    left: -10%;
    width: 110%;
    height: 110%;
}

@media (max-width: 478px) {
    .svc-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        /*grid-gap: 5rem;
        padding: 10px;      */
        text-align: center; 
        padding: 0px;
    }

    .svc-grid > div.svc-Item {
        background: white;
        padding: 1.5rem;
        border-radius: 1rem;
        text-align: center;    
        width: 80%;

    }

    .svc-grid > div.svc-Primary {
        background-color: #2196F3;
        color: white;        
        margin-left:10%;
        margin-right:10%;
    }

    .svc-grid > div.svc-Primary > i {		
        color: white;
        background-color: #2196F3;        
    }   
}

.svc-grid > div.svc-Primary > i {		
    font-size: 110px;
    color: white;
    background-color: #2196F3;
    padding: 15px;
}


.well-spacer { background-color:  #2196F3; color: white; text-align: center}
	
	.clockHeader {
		grid-row:1 / span 3
	}
	
	#clock_grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
		grid-gap: 5rem;
		padding: 10px;
		margin-left: 10%;
		margin-right: 10%;

       /* border: 1pt solid red;
		background-color: green;*/
		text-align: center;
		
	}

    @media (max-width: 478px) {
        #clock_grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            padding: 0px;
            text-align: center;            
        }
    }
	
	#clock_grid > div {
		padding: 1.5rem;
		border-radius: 1rem;
		/*border: 1pt solid green*/
	}
	
	
	.well-spacer > div.caption > h2, #clock_grid > div > h3 { 
		color: white;
	}
	
	.well-spacer > div.caption {
		margin-left: 10%;
		margin-right: 10%;
		width:80%;
		padding-bottom: 25px;
		padding-top: 25px;
		/*border-bottom: Solid 3pt #4280c9;*/
	}
	
	.team-image {
		height: 384px;
	}

    .t-one { 
        grid-area: text; 
        text-align: left;
        padding-bottom: 1em;
             /*border: 1pt solid blue */
    }
    .t-two { grid-area: image; text-align: left;
             /*border: 1pt solid red*/}
    .t-three { grid-area: name; 
                text-align:left;
             /*border: 1pt solid green*/}		
    .t-wrapper {
        display: grid; 
        grid-template-areas:
        'text text text'
        'image name empty';
        /*max-width: 500px;	*/
        width:400px;	
        margin: 10px;
        padding: 1.5rem;
        border-radius: 1rem;
        border: 1pt solid #2196F3;
        background-color: #f2f2f2;
    }		

    @media (max-width: 478px) {
        .t-wrapper {
            width:210px;	
            grid-template-areas:
            'text text text'
            'image name name';
        }	
        h3 {
            font-size: 14px;
        }
        .t-three > span {
            font-size: 12px;				
            padding-top: 2px;
        }
    }

    .our-team {
        border: 1pt solid green;
        width:100%
    }

    .t-two > img {
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        height: 60px;
        padding-right:10px;			
    }
    
    .t-three > span {
        position:relative;
        border-top: 1pt solid green;
        top: -8px;
    }

    /* define 3 column grid: address 1 | address 2 | contact us form */
		.contact-grid {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
			grid-gap: 1rem;
		}

		@media (max-width: 478px) {
			.contact-grid {
				display: grid;
				grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
				grid-gap: 1rem;
			}
		}

		/*.contact-Item { width: 300px }
		
		.form-wrapper {
			margin: 10px;
		}*/
		.full-input {
			display: inline-block;
			padding: 5px;
			border: 1pt solid silver;
			border-radius: 1rem;
			background-color: WHITE;
			margin-bottom: 1em;
		}
		input, textarea {
			outline: none;
			border: none;
			display:block;
			line-height: 1.2em;
			font-size: 14pt;
			padding-left:5px
		}
		.full-input > label {
			display: block;
			font-size: 12px;
			color: dimgray;
			padding-left:5px;
			text-align:left;
		}
		
		.contact-button { 
			text-align: right;
		}
		.contact-button > button {
			background-color: #2196F3;
			height:40px;
			padding:0px 20px;
			font-size: 14pt;
		}

		

		.formitem { width:90%}
		/*  need media queries for different size screens */