@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');
 

body {
        font-family: 'Poppins', sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	height: 100%;
	background-color: #394460;
}

.header {
	background-color: #CCC;	
       /*  height: 100px; 
        min-height:100px; */
}

.nmfooter {
	padding: 10px 0;
	color: #FFF;
	background-color: #333;
	text-align: center;
	vertical-align: middle;
}

a.nmlink:link {
	color: #fff;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a.nmlink:visited {
	color: #fff;
	text-decoration: underline;
}
a.nmlink:hover, a.nmlink:active, a.nmlink:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    color:gray;	
    text-decoration: underline;
}

.nmbutton {
  background-color: #333;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin:10px;
}


.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


@media (max-width: 600px) {
.container {
	width: 100%; /*  960px */
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	max-width:100%;
	overflow-x:hidden;
   /*  position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden; */
    z-index:-1; /* Remove this line if it's not going to be a background! */	

}

.logo { 
  width:120%;
}

.content {
 width: 100%;
}

.languagebar {
	display:none;
}

.languagebarmobile {
	text-align:right;
	padding:6px;
}

.rowwrapper {
	width:100%;
	text-align:center;
}

.rowwrapper2 {
	width:100%;
	text-align:center;
}

.nmcolumn {
	width:100%;
	text-align:center;
	vertical-align:top;
}

.nmcolumn2 {
	width:100%;
	text-align:center;
	vertical-align:top;
}

.nmcolumn3 {
	width:100%;
	text-align:center;
	vertical-align:top;
}

.appphoto {
 width:75%;
}


.nmh3 {

 font-size:0.6em;
}


}

@media (min-width: 601px) {
.container {
	width: 1020px; /*  960px */
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
   /*  position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden; */
    z-index:-1; /* Remove this line if it's not going to be a background! */	

}

.content {
 width: 1020px;
}

.logo { 
  width:70%;
}

.languagebar {
	background-color:#333;
	width:176px;
	height:26px;
	position:relative;
	float:right;
	top: 0px;
	right: 0;
         / *left:76%;  */
	color:#fff;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	vertical-align:middle;
	display: inline-block;
	/*
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; 
	-webkit-box-shadow: 0px 0px 20px #999; 
	*/
	border-radius:0px 0px 6px 6px;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	z-index: 9;
}

.languagebarmobile {
	display:none;
}

.rowwrapper {
	width:100%;
	text-align:center;
}

.rowwrapper2 {
	width:100%;
	text-align:center;
}

.nmcolumn {
	width:33%;
	display:inline-block;
	text-align:center;
	vertical-align:top;
}

.nmcolumn2 {
	width:48%;
	display:inline-block;
	text-align:center;
	vertical-align:top;
}

.nmcolumn3 {
	width:19%;
	display:inline-block;
	text-align:center;
	vertical-align:top;
}


.appphoto {
 width:275px;
}

.nmh3 {

 font-size:1em;
}

}