/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 7rem;
  color: #5a5a5a;
  background-color:#003060;
}

.navbar:hover .logo-hover{
  display: block;
}
.logo-hover{
  float: right;
  display: none;
}

.footer-nounderline{
  text-decoration:none!important;
  color: #5a5a5a;
}
footer a:hover{
  color: #5a5a5a;
}
.fa-line{
  color:#02B901;
}
.fa-facebook-square{
  color:#0879EA;
}
.fa-map-marker-alt{
  color:#005AB5;
}

/* Extra small devices (portrait phones, less than 576px) */
@media screen and (max-width: 575.98px){
  #yelin-logo{
	height:9vh;
  }
  
  #image-yelin{
	width:100%;
	height:auto;
  }
  #contact-btn{
	padding:0 3px;
  }
  .fa-2x{
	width:24px;
	height:24px;
  }
  #contact{
	font-size:20px;
	margin:0 auto;
  }
  #contact-text{
	font-size:12px;
  }
  #image-contact{
	width:100%;
  }
  #designer-lg{
	display:none;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media screen and (min-width: 576px) and (max-width: 767.98px){
  #yelin-logo{
	height:19vh;
  }
  
  #image-yelin{
	width:100%;
	height:auto;
  }
  #contact{
	font-size:24px;
	margin:0 auto;
  }
  #contact-text{
	font-size:16px;
  }
  #image-contact{
	width:100%;
  }
  #designer-lg{
	display:none;
  }
}

/* Medium devices (tablets, 768px and up) [ | ]  */
@media screen and (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait){
  #yelin-logo{
	height:9vh;
  }
  
  #image-yelin{
	width:90%;
	height:auto;
  }
  #contact-btn{
	padding:0 4px;
  }
  .fa-2x{
	width:24px;
	height:24px;
  }
  #contact{
	font-size:24px;
	margin:0 auto;
  }
  #contact-text{
	font-size:12px;
  }
  #image-contact{
	width:100%;
  }
  #designer-lg{
	display:none;
  }
}

/* Medium devices (tablets, 768px and up) [ - ]  */
@media screen and (min-width: 768px) and (max-width: 991.98px) and (orientation: landscape){
  #yelin-logo{
	height:20vh;
  }
  
  #image-yelin{
	width:90%;
	height:auto;
  }
  #contact-btn{
	padding:0 4px;
  }
  .fa-2x{
	width:26px;
	height:26px;
  }
  #contact{
	font-size:22px;
	margin:0 auto;
  }
  #contact-text{
	font-size:10px;
  }
  #image-contact{
	width:100%;
  }
  #designer-lg{
	display:none;
  }
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) and (max-width: 1199.98px){
  #yelin-logo{
	height:7vh;
  }
  
  #image-yelin{
	width:90%;
	height:auto;
  }
  #contact{
	font-size:30px;
	margin:0 auto;
  }
  #image-contact{
	width:100%;
  }
  #designer-sm{
	display:none;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) and (max-width: 1439.98px){
  #yelin-logo{
	height:12vh;
  }
  
  #image-yelin{
	width:75%;
	height:auto;
  }
  #contact-btn{
	padding:0 4px;
  }
  #contact{
	font-size:28px;
	margin: 4px auto;
  }
  #image-contact{
	width:100%;
  }
  #designer-sm{
	display:none;
  }
}

/* Extra large devices (large desktops, 1440px and up) */
@media screen and (min-width: 1440px){
  #yelin-logo{
	height:9vh;
  }
  
  #image-yelin{
	width:80%;
	height:auto;
  }
  #contact-btn{
	padding:0 4px;
  }
  #contact{
	font-size:30px;
	margin: 4px auto;
  }
  #image-contact{
	width:100%;
  }
  #designer-sm{
	display:none;
  }
}