* {
  box-sizing: border-box;
}

body{
font-family:'Montserrat',Sans-serif;
background-color:lightSeagreen;
background-image: url("pics/bgImage.jpg");
background-attachment:fixed;

margin:0px;
font-size:1em;
}
h1,h2,h3{

font-family:'Raleway:wght@900',Sans-serif;
}
div.main{
text-align:center;
margin-left:10%;
margin-right:10%;
margin-top:20px;
margin-bottom:40px;
}

.topbar{	
width:100%;
color:white;
text-align:center;
height:50px;
background-color:#334;
text-transform: uppercase;
padding:10px;
font-size:24px;
}







.logoimage{
width:80%;
min-height:40px;
}
.firstImage{
  overflow:hidden;
  height:100%;
  width:100%;
}

.column1{
  margin-top:20px;
  float: left;
  padding:20px,30px;
  background:white;
}
.column1.rowImage{
  width:55%;
}
.column1.rowText{
  width:45%;
  height:100%;
  font-size:14px;
  padding:1% 6%; 
}
.rowOne:after {
  display: table;
  clear: both;
  background-color:white;
}
.thirdcolumn{
float:left;
height:500px;
}
.thirdcolumn.thirdIcon{
width:33.33%;
padding-top:30px;
text-align:center;
}
.thirdPar{
padding:10px 50px;
text-align:justify;
}
.rowTwo:after {
  display: inline-block;
  clear: both;
  background-color:white;
}
.fourthcolumn{
float:left;
height:450px;
margin-top:10px;
}
.fourthcolumn.fourthIcon{
text-align:center;
width:25%;
overflow: hidden;

}
.fourthPar{
text-align:justify;
padding:10px 50px;
font-size:13px;
}
.column2{
  float:left;
}

.column2.textbox2_1{
  width:45%;
  text-align:center;
}
.column2.textbox2_2{
  width:55%;
  text-align:center;
}
.column2.textbox2_3{
  width:50%;
  text-align:left;
  height:600px;
  background-color:#06b8b9;
}

.btn1{
  width:100% ;
  color:white; 
  background-color:#00c5cd;
  border-style:solid;
  border-width:0px;
  border-radius:6px;
  padding:5px;
}
.btn1:hover{
  background-color:#18a1a7;
}


footer{
	display:block;
background-color:#06b8b9;
}
.model_link{
	color:darkblue;
	font-weight:bolder;
}

.table_heading{
	background-color:Teal;
	color:white;
	padding:15px;
	margin:0px;
	font-weight:bolder;
	border-style:none;
	font-size:18px;
}
.sec_row{
	background-color:rgba(240,240,240,0.8);
	padding:20px;
	margin:0px;
	border-style:none;
	
}
.first_row{
	background-color:#fff;
	padding:20px;
	margin:0px;
	border-style:none;
	
}
	
.tech_table{
	border-collapse: 0px;
	margin-left:auto; 
	margin-right:auto; 
	
    border-spacing: 0px;
}




@media screen and (max-width: 1400px) {
  .fourthcolumn.fourthIcon {
    width: 50%;
  }
}

@media screen and (max-width: 750px) {
  .fourthcolumn.fourthIcon{
    width: 100%;
	height:auto;
	max-height:400px;
    margin-top:0px;	
  }
}

@media screen and (max-width: 1400px) {
  .column1.rowText {
    width: 55%;
	
  }
}
@media screen and (max-width: 1400px) {
  .column1.rowImage{
    width: 45%;
  }
}
@media screen and (max-width: 1040px) {
  .column1.rowText {
    width: 70%;	
  }
}
@media screen and (max-width: 1040px) {
  .column1.rowImage{
    width: 30%;
	overflow:hidden;
  }
}
@media screen and (max-width: 750px) {
  .column1.rowImage, .column1.rowText {
    width: 100%;
	height:auto;  
    margin-top:0px;	
  }
}
@media screen and (max-width: 1040px) {
  .thirdcolumn.thirdIcon{
    width: 100%;
	height:auto;
  }
}
@media screen and (max-width: 1400px) {
  .column2.textbox2_1, .column2.textbox2_2{
	width: 100%;
	text-align:left;
	height:auto;
  }
}

@media screen and (max-width: 750px) {
  .column2.textbox2_3{
	width: 100%;
	text-align:left;
	height:auto;
  }
}



@media screen and (max-width: 1400px) {
  .topbar{
    display:none;
  }
}
