.container {
	max-width: 95% !important;
	}


.phenImg{
	margin-top:1vmin;
	width: 50vmin;
	height: 10vmin;
	margin-left: 40vw;
	
}

.susImg{
	margin-top:6vmin;
	width: 70vmin;
	height: 10vmin;
	
}	
	.quote {
	color: #aaaaaa;
	font-size: 1.75vmax;
	line-height: 2.0vmax;
 	font-weight: 400;
 	  
}



@media only screen and (min-width : 1024px) and (min-height : 800px) {
.quote {
	color: #aaaaaa;
	font-size: 1.75vmax;
	line-height: 2.0vmax;
	 font-weight: 400;
}

.quoteBy {
	font-size: 2.0vmin;
}

}

.atBottom {
	position:absolute;
	bottom:75px;
}


@media only screen and (max-width: 600px) and (max-height : 800px) {

  .verText {
/*   writing-mode: vertical-rl;
  text-orientation: sideways;
 */
/*    position:absolute; */
   font-size:3.0vmax;font-weight:400;
  color:#FFFFFF;
  
  }
	
	.quote {
	color: #aaaaaa;
	font-size: 1.75vmax;
	line-height: 2.0vmax;
 	font-weight: 400;
}

.quoteBy {
	font-size: 4.0vmin;
}

	.hideText {
    display: none;
  }
  
    .verText {
/*   writing-mode: vertical-rl;
  text-orientation: sideways;
 */ 
/*   position:absolute;
  left:10px;
 */  
 font-size:3.0vmax;font-weight:400;
  color:#FFFFFF;
  
  }
  
  
  .bgScrDesc {
	font-size: 1.75vmax;
	line-height: 2.0vmax;
  color:white;
  }
  .services {
	margin: 2px;
	-webkit-box-flex: 1;
    -ms-flex: 1 ;
     flex: 1 ;
    min-width: 28.0vmin;
    
}

.services:hover {
	opacity: 0.8;     
}

.mainScreenTop {
	min-height : 15vh;
	width:90%;
	margin:auto;
	background-color:blue;
}

.mainScreenBottom {
	min-height : 65vh;
	position:relative;
	/*background-color:red; */
	padding-left:0vw;
	padding-right:1.5vw;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
}

.mainScreenFooter {
	min-height : 5vh;
	position:relative;
	background-color:black; 
	padding-left:0vw;
	padding-right:1.5vw;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
}

  
}


@media only screen and (max-width: 400px) and (max-height : 600px) {

  .verText {
/*   writing-mode: vertical-rl;
  text-orientation: sideways;
  position:absolute;
  left:10px;
 */
   
   font-size:3.0vmax;font-weight:400;
  color:#FFFFFF;
  
  }
	
	.quote {
	color: #aaaaaa;
	font-size: 1.75vmax;
	line-height: 2.0vmax;
/* 	position:absolute; 
 	bottom:0px; 
 */ 	font-weight: 400;
}

.quoteBy {
	font-size: 4.0vmin;
}

	.hideText {
    display: none;
  }
  
    .verText {
/*   writing-mode: vertical-rl;
  text-orientation: sideways;
  position:absolute;
  left:10px;
 */  font-size:3.0vmax;font-weight:400;
  color:#FFFFFF;
  
  }
  
  
  .bgScrDesc {
	font-size: 1.75vmax;
	line-height: 2.0vmax;
  color:white;
  }
  .services {
	margin: 2px;
	-webkit-box-flex: 1;
    -ms-flex: 1 ;
     flex: 1 ;
    min-width: 28.0vmin;
    
}

.services:hover {
	opacity: 0.8;     
}

.mainScreenTop {
	min-height : 15vh;
	width:90%;
	margin:auto;
	background-color:blue;
}

.mainScreenBottom {
	min-height : 65vh;
	position:relative;
	/*background-color:red; */
	padding-left:0vw;
	padding-right:1.5vw;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
}

.mainScreenFooter {
	min-height : 5vh;
	position:relative;
	background-color:black; 
	padding-left:0vw;
	padding-right:1.5vw;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
}

  
}






@media only screen and (min-width : 1024px ) and (max-height: 799px) {
	 
	
	.showItems {
  	display: none;
  }
  .bgScrDesc {
  font-size: 1.75vmax;
  line-height:2.0vmax;
  color:white;
  }
  
  .verText{
  font-size: 3.0vmax;


  }
  
  .services {
	margin: 2px;
	-webkit-box-flex: 1;
    -ms-flex: 1 ;
     flex: 1 ;
    min-width: 28.0vmin;
    
}

.services:hover {
	opacity: 0.8;     
}

.mainScreenTop {
	min-height : 25vh;
	width:100%;
}

.mainScreenBottom {
	
	/* min-height : 65vh; */
	max-height: 65vh;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
	position:relative;
}

.mainScreenFooter {
	min-height : 5vh;
	position:relative;
	background-color:black; 
	padding-left:0vw;
	padding-right:1.5vw;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
}

  
}




@media only screen and (orientation:landscape) and (max-height: 390px) and (max-width:825px) {
	
	.quote {
	font-size: 1.75vmax;
	line-height: 2.0vmax;
  color:#aaaaaa;
	}
	
	.bgScrDesc {
	font-size: 1.75vmax;
	line-height: 2.0vmax;
  color:white;
  }
	
	.hideText{
	display:none;
	}

  .verText {
  font-size:3.0vmax;font-weight:400;
  color:#FFFFFF;
  
  }

	
	.services {
	margin: 2px;
	-webkit-box-flex: 1;
    -ms-flex: 1 ;
     flex: 1 ;
    min-width: 28.0vmin;
    max-height: 33.0vmin;
    
}
    .serviceinfo .icon > i {
      font-size: 2.5rem; }
		

.phenImg{
	margin-top:1vmin;
	width: 50vmin;
	height: 10vmin;
	margin-left: 40vw;
	
}

.susImg{
	margin-top:6vmin;
	width: 70vmin;
	height: 10vmin;
	
}		
		
}




@media only screen and (orientation:portait) and (max-height: 825px) and (max-width:390px) {
	
	.quote {
	font-size: 1.75vmax;
	line-height: 2.0vmax;
  color:#aaaaaa;
	}
	
	.bgScrDesc {
	font-size: 1.75vmax;
	line-height: 2.0vmax;
  color:white;
  }
	
	.hideText{
	display:none;
	}

  .verText {
  font-size:3.0vmax;font-weight:400;
  color:#FFFFFF;
  
  }

	
	.services {
	margin: 2px;
	-webkit-box-flex: 1;
    -ms-flex: 1 ;
     flex: 1 ;
    min-width: 28.0vmin;
    max-height: 35.0vmin;
    
}
    .serviceinfo .icon > i {
      font-size: 2.5rem; }
		

.phenImg{
	margin-top:1vmin;
	width: 50vmin;
	height: 10vmin;
	margin-left: 40vw;
	
}

.susImg{
	margin-top:6vmin;
	width: 70vmin;
	height: 10vmin;
	
}		
		
}






@media only screen  and (max-width: 390px) and (max-height:825px) {
	
	.quote {
	font-size: 1.75vmax;
	line-height: 2.0vmax;
  color:#aaaaaa;
	}
	
	.bgScrDesc {
	font-size: 1.75vmax;
	line-height: 2.0vmax;
  color:white;
  font-weight: 400;
  }
	
	.hideText{
	display:none;
	}

  .verText {
  font-size:3.0vmax;font-weight:400;
  color:#FFFFFF;
  
  }

	.services {
	margin: 2px;
	-webkit-box-flex: 1;
    -ms-flex: 1 ;
     flex: 1 ;
    min-width: 25.0vmin;
    min-height: 28.0vmax;
    
}
    .serviceinfo .icon > i {
      font-size: 2.5rem; }
		

.phenImg{
	margin-top:1vmin;
	width: 50vmin;
	height: 10vmin;
	margin-left: 40vw;
	
}

.susImg{
	margin-top:6vmin;
	width: 70vmin;
	height: 10vmin;
	
}		
		
}


@media only screen and (min-width : 1024px) and (min-height : 800px) {
	.quote {
	color: #aaaaaa;
	font-size: 1.75vmax;
	line-height: 2.0vmax;
/* 	position:absolute; 
 	bottom:0px; 
 */ 	font-weight: 400;
 	 
}

.quoteBy {
	font-size: 4.0vmin;
}
  .showItems {
  	display: none;
  }
  .bgScrDesc {
  font-size: 1.75vmax;
  line-height:2.0vmax;
  color:white;
  }
  .services {
	margin: 2px;
	-webkit-box-flex: 1;
    -ms-flex: 1 ;
     flex: 1 ;
    min-width: 28.0vmin;
    
}

.services:hover {
	opacity: 0.8;     
}

 
 .mainScreenTop {
	max-height : 25vh;
	min-height : 25vh;
	width:100%;
}

.mainScreenBottom {
	min-height : 65vh;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
	position:relative;

}
 
 .mainScreenFooter {
	min-height : 5vh;
	position:relative;
	background-color:black; 
	padding-left:0vw;
	padding-right:1.5vw;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
}
 
  
}


/* @media only screen and (max-height : 825px) {
	
  .showItems {
  	display: none;
  }
  .bgScrDesc {
  font-size: 16px;
  line-height:18px;
  font-weight:400;
  color:white;
  }
  .services {
	margin: 2px;
	-webkit-box-flex: 1;
    -ms-flex: 1 ;
     flex: 1 ;
    max-width: 28.0vmin;
    
}

.services:hover {
	opacity: 0.8;     
}

 
 .mainScreenTop {
	max-height : 15vh;
	min-height : 15vh;
	object-fit: contain;
}

.mainScreenBottom {
	min-height : 65vh;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
	position:relative;
	
}
 
 #sustCarousel .carousel-indicators {
 	bottom: -50px !important;
 }
 
 .mainScreenFooter {
	min-height : 5vh;
	position:relative;
	background-color:black; 
	padding-left:0vw;
	padding-right:1.5vw;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	
}
  
}
 */


/* @media only screen and (max-width: 600px) {
  .verText {
  writing-mode: vertical-rl;
  text-orientation: sideways;
  position:absolute;
  left:10px;
  font-size:3.0vmax;font-weight:400;
  color:#FFFFFF;
  
  }
  .row {
  margin-left:15px;
  }
}
 */
/* @media only screen and (max-height: 600px) {
  .verText {
  writing-mode: vertical-rl;
  text-orientation: sideways;
  position:absolute;
  left:10px;
  font-size:3.0vmax;font-weight:400;
  color:#FFFFFF;
  }
  .row {
  margin-left:10px;
  }
	
  .hideText {
    display: none;
  }
  .bgScrDesc {
  font-size: 12px;
  line-height:13px;
  color:white;
  
  }
  .services {
	margin: 2px;
	-webkit-box-flex: 1;
    -ms-flex: 1 ;
     flex: 1 ;
    max-width: 28.0vmin;
    
}

.services:hover {
	opacity: 0.8;     
}

.mainScreenTop {
	min-height : 15vh;
	width:90%;
	margin:auto;
	background-color:blue;
}

.mainScreenBottom {
	min-height : 65vh;
	position:relative;
	background-color:red; 
	padding-left:0vw;
	padding-right:1.5vw;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
}

.mainScreenFooter {
	min-height : 5vh;
	position:relative;
	background-color:black; 
	padding-left:0vw;
	padding-right:1.5vw;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
}

 .carousel-indicators {
 	bottom: -50px !important;
 }

  
}
 */


.secondScreen {
	min-height : 65vh;
	position:relative;
	padding-left:0vw;
	padding-right:1.5vw;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
}


@media only screen and (min-width : 1280px) and (min-height : 800px) {
	.quote {
	color: #aaaaaa;
	font-size: 1.75vmax;
	line-height: 2.0vmax;
/* 	position:absolute; 
 	bottom:0px; 
 */ 	font-weight: 400;
}

.quoteBy {
	font-size: 4.0vmin;
}
  .showItems {
  	display: none;
  }
  .bgScrDesc {
font-size: 1.75vmax;
	line-height: 2.0vmax;  color:white;
  }
  .services {
	margin: 2px;
	-webkit-box-flex: 1;
    -ms-flex: 1 ;
     flex: 1 ;
    min-width: 28.0vmin;
    
}

.services:hover {
	opacity: 0.8;     
}

 
 .mainScreenTop {
	max-height : 25vh;
	min-height : 25vh;
	width:100%;
}

.mainScreenBottom {
	min-height : 65vh;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
	position:relative;

}
 
 .mainScreenFooter {
	min-height : 5vh;
	position:relative;
	background-color:black; 
	padding-left:0vw;
	padding-right:1.5vw;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
}
 
  
}

@media only screen and (min-width : 1024px) and (min-height : 768px) {
		.quote {
	color: #aaaaaa;
	font-size: 1.75vmax;
	line-height: 2.0vmax;
/* 	position:absolute; 
 	bottom:0px; 
 */ 	font-weight: 400;
}

.quoteBy {
	font-size: 22px;
}
	
  .showItems {
  	display: none;
  }
  .bgScrDesc {
font-size: 1.75vmax;
	line-height: 2.0vmax;
	  color:white;
  }
  
    .verText {
  font-size: 3.0vmax;
  font-weight: 400;
  color:#FFFFFF;
  }
  
  
  .row {
  margin-left:15px;
  }
  
  
  .services {
	margin: 2px;
	-webkit-box-flex: 1;
    -ms-flex: 1 ;
     flex: 1 ;
    min-width: 28.0vmin;
    
}

.services:hover {
	opacity: 0.8;     
}

 
 .mainScreenTop {
	max-height : 25vh;
	min-height : 25vh;
	width:100%;
}

.mainScreenBottom {
	max-height : 65vh;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
	position:relative;
	

}
 
 .mainScreenFooter {
	min-height : 5vh;
	position:relative;
	 
	padding-left:0vw;
	padding-right:1.5vw;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
}
 
  
}


@media only screen and (min-width : 768px) and (min-height : 1024px) {
	.quote {
	color: #aaaaaa;
	font-size: 1.75vmax;
	line-height: 2.0vmax;
/* 	position:absolute; 
 	bottom:0px; 
 */ 	font-weight: 400;
}

.quoteBy {
	font-size: 22px;
}
	
  .showItems {
  	display: none;
  }
  .bgScrDesc {
  font-size: 1.75vmax;
	line-height: 2.0vmax;
  color:white;
  }
  
    .verText {
  font-size:3.0vmax;font-weight:400;
  color:#FFFFFF;
  }
  
  
  .row {
  margin-left:15px;
  }
  
  
  .services {
	margin: 2px;
	-webkit-box-flex: 1;
    -ms-flex: 1 ;
     flex: 1 ;
    max-width: 27.0vmin;
    
}

.services:hover {
	opacity: 0.8;     
}

 
 .mainScreenTop {
	max-height : 25vh;
	min-height : 25vh;
	width:100%;
}

.mainScreenBottom {
	min-height : 65vh;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
	position:relative;
	

}
 
 .mainScreenFooter {
	min-height : 5vh;
	position:relative;
	 
	padding-left:0vw;
	padding-right:1.5vw;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
}
 
  
}



@media only screen and (min-width : 1920px ) and (min-height : 768px) {
	.quote {
	color: #aaaaaa;
	font-size: 1.75vmax;
	line-height: 2.0vmax;
/* 	position:absolute; 
 	bottom:0px; 
 */ 	font-weight: 400;
}

.quoteBy {
	font-size: 22px;
}
	
  .showItems {
  	display: none;
  }
  .bgScrDesc {
  font-size: 1.75vmax;
	line-height: 2.0vmax;
  color:white;
  }
  
    .verText {
  font-size:3.0vmax;font-weight:400;
  color:#FFFFFF;
  }
  
  
  .row {
  margin-left:15px;
  }
  
  
  .services {
	margin: 2px;
	-webkit-box-flex: 1;
    -ms-flex: 1 ;
     flex: 1 ;
    min-width: 27.0vmin;
    
}

.services:hover {
	opacity: 0.8;     
}

 
 .mainScreenTop {
	max-height : 25vh;
	min-height : 25vh;
	width:100%;
}

.mainScreenBottom {
	min-height : 65vh;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
	position:relative;
	

}
 
 .mainScreenFooter {
	min-height : 5vh;
	position:relative;
	 
	padding-left:0vw;
	padding-right:1.5vw;
	display:flex;
	display: -webkit-flex;
	display: -webkit-box;
  	display: -ms-flexbox;
	align-items: stretch;
}
 
  
}


.liDesc {
font-size: 1.6vmax;
	line-height: 1.75vmax;  color:white;
  }

@media only screen and (orientation:landscape) and (min-height:800px) {
	.liDesc {
font-size: 2.0vmin;
	line-height: 2.25vmin;  color:white;
  }
	
}