body {
	background-color: #c0dae7;
}

/* logotipo */
.logo {
	height: 30vh;
	background-image: url(../img/logo.svg);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	-o-background-size: contain;
	background-position: center center;
}
@media(min-width:560px){
	.logo {
		height: 50vh;
	}
}

/* contact box */
.contact-box {
	position: relative;
	height: 100px;

	-webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;

	-webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
              -ms-grid-row-align:center;
          align-items:center;
}
@media(min-width:560px){
	.contact-box {
		margin: 5vh 0;

		-webkit-box-orient:horizontal;
		-webkit-box-direction:reverse;
		-webkit-flex-direction:row;
		    -ms-flex-direction:row;
		        flex-direction:row;

		-webkit-box-pack:justify;
	  -webkit-justify-content:space-between;
	      -ms-flex-pack:justify;
	          justify-content:space-between;
	  
	  -webkit-box-align:end;
	  -webkit-align-items:flex-end;
	      -ms-flex-align:end;
	              -ms-grid-row-align:flex-end;
	          align-items:flex-end;
	}
}

.name {
	height: 15vh;
	width: 40%;
	background-image: url(../img/oralx.svg);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	-o-background-size: contain;
	background-position: center center;
}
@media(min-width:560px){
	.name {
		height: 10vh;
	}
}

.contact {
	height: 5vh;
	width:	80%;
	background-image: url(../img/contactos.svg);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	-o-background-size: contain;
	background-position: center center;
}