/* HEIGHT OF FOOTER ON MOBILE DEVICES/ OTHER SCREENS NEED TO BE CHANGED */

html, body {
overflow-x: hidden;
overflow-y: initial !important;
width: 100%;
margin:0;
padding:0

}

#footer {
background-color: #364050  ;
color: #fff;

}

.top-footer-text {
font-family: 'Poppins', sans-serif;
font-size: 20px;
font-weight: 700;
letter-spacing: 1px;
line-height: 50px;
margin-left: 20px;
margin-bottom: -20px;
}

.footer-text {
font-size: 14px;
font-family: 'Poppins', sans-serif;
margin-bottom: 80px;
}

.footer-text li {
margin-bottom: -10
}

span {
color: #ea5d5d;
}

.floating-text {
float:right;
margin-right: 100px;
}

.floating-text a {
color: #fff;
}

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1200px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {

#footer {

height: 370px;

}

}

/* I DONT KNOW WHAT THIS IS OR HOW THIS CAME ABOUT 
@media only screen 
and (min-device-width: 1400px) {

#footer {

height: 200px;

}

}
html, body {
  overflow-x: hidden;
   width: 100%;
   margin:0;
   padding:0
 
}

#footer {
	background: red;
	height: 50px;
	color: #ea5d5d;

}

.top-footer-text {
font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 50px;
  margin-left: 20px;
  margin-bottom: -20px;
}

.footer-text {
	font-size: 14px;
   font-family: 'Poppins', sans-serif;
	margin-bottom: 80px;
}

.footer-text li {
	margin-bottom: -10
}

 span {
	color: #ea5d5d;
}

.floating-text  {
	float:right;
	margin-right: 100px;
}

.floating-text a {
	color: #fff;
}
} */

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1200px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
	  #footer {

	height: 370px;
	
}
	  
  } 
 
@media only screen 
	and (min-device-width: 1400px) {
		
			  #footer {

	height: 200px;
	
}
	 
	}