.welcome-image{
 padding: 0;
 background-image:  url("../img/logo_mmels_scaled.png"),url("../img/silver_box.png");
 background-repeat: no-repeat,repeat;
 background-position: center top, left top;
 width:100%;
 background-size: auto;
 position: relative;
}

.welcome-text{  
position:absolute;  
width:100%;  
text-align:center;
position: absolute;
text-color:#aa4400;
top:0;
background:inherit;
height:430px;
}

.welcome-text h1,h2{
  font-size:5vw;
font-style:italic;
font-weight:bold;
background:transparent;
}  
.welcome-image h1{
#color:#0202ff;
color:#aa4400;
font-size:3vw;
font-style:italic;
font-weight:bold;
background:transparent;
text-align:center;
}

.welcome-image h2{
padding:25px;  
color:#aa4400;// #f29b00;
font-size:3vw;
font-style:italic;
font-weight:bold;
background:transparent;
text-align:center;	   
}


#welcome h2{
color:white;
font-size:3em;
font-style:italic;
font-weight:bold;
text-align:right;
background:blue;
}

.container {
  position: relative;
  background:#90f2d3;
  width:100%;           
height:auto;
  justify-content:center;
  display:flex;	  
}

.center {
  position: absolute;
  top: 1%;
  width: 100%;
  text-align: center;
  font-size: 1.5vw;
  background:#00f2ff;;
  color:#aa4400;
}
.middle{
  vertical-align:middle;
 }

img {
  width: 40%;
  height: auto;
  opacity: 0.6;
}
div.welcome-image{
display:none;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2s;
  animation-name: fade;
  animation-duration: 3s;
}


@-webkit-keyframes fade {
  from {opacity: .1}
  70% {opacity: 1}
  to {opacity: 0.1}
}

@keyframes fade {
 from {opacity: .1}
  70% {opacity: 1}
  to {opacity: 0.1}
}


/* 

@media screen and (max-width: 600px) {
  div.welcome-image {
    display: block;
  }
  div.container{
    display: none;
  }
}
*/