.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

.container
{margin:0px;
padding:0px;
}


.modal{
	margin:0px;
	padding:0px;
}

#myheader{
	width:1024px;
	height:80px;
	margin:0px auto;
	border-bottom:1px solid lightgrey;
}

#logo{
	width:151px; 
	height:46px;
	margin:15px 22px;
}

#menuwrapper{
float:right;
height:80px;
display:inline-block;
}

#logowrapper{
	display:inline-block;
}

#titlebg{
background: rgb(12,104,149);
background: linear-gradient(90deg, rgba(12,104,149,1) 0%, rgba(12,104,149,1) 0%, rgba(77,183,224,1) 100%);	
max-width: 1024px;
height: 80px;
}

h1{
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 80px;
color: #0C6895;
margin:0px 0px 0px 40px;
color:white;
font-family: Poppins;
margin:0px;

}

h3{
font-family: Poppins;
font-size: 26px;
font-weight: 700;
line-height: 60px;
letter-spacing: 0em;
text-align: left;
color:#0C6895;
text-align:left;
margin:0px;
}

#menuwrapper ul li{
	display:inline-block;
	line-height:80px;
	margin:0px 25px;
	font-family: Poppins;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0em;
	text-align: left;
	color:#424242;
}

#menuwrapper ul li:hover{
	text-decoration:underline;
}


#contenitore{
	max-width:1024px;
	margin:0px auto;
	background-color:white;
}

body{
	font-family:Poppins;
}

.fullflex{
	width:100%;
	display:flex;
	padding:20px;
}

.fullcenter{
	justify-content:center;
	align-items:center;
}

.halfflex{
	width:50%;
	
}

.screen{
	padding:20px;
}

.thirdflex{
	width:33%;
	color:#0c6895;
	text-align:center;
}

.newbutton{
width: 200px;
height: 50px;
background-color:#0C6895;
color:white;
border-radius:100px;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 50px;
text-align: center;
margin:30px auto;
cursor:pointer;
}

.lowmargin{
	margin:10px auto;
}

.suggestions_wrapper{
	align-items:center;
	color:#0c6895;
}

#settings{
	width:100%;
	height:auto;
}

#suggestion{
	color:#0c6895;
	font-size:14px;
	line-height:20px;
	width:100%;
	text-align:left;
	padding:0px 10px;
}

#help{
	width:100px;
}

#audio, #info{
	font-size:30px;
	margin:2px;
	border:1px solid #0c6895;
	padding:2px;
	border-radius:10px;
}

.lowpadding{
	padding:10px;
}

#weapons, #enemies{
	width:250px;
	display:flex;
	flex-direction:column;
	align-items:center; 
	background-color:#2D231A;
}

.intestacolonna{
	font-size:18px;
	text-align:center;
	margin-top:10px;
}

#select_missile, #select_radar{
	display:flex;
	flex-direction:column;
	font-size:18px;
	line-height:24px;
	width:90%;
	text-align:center;
	align-items:center;
	padding:10px;
	background-color:#57657F;
	border-radius:10px;
	margin:20px auto;
}

#navinemiche{
	display:flex;
	flex-direction:column;
	align-items:center; 	
}

#weapons{
border-top-left-radius:10px;border-bottom-left-radius:10px;
}

#enemies{
border-top-right-radius:10px;border-bottom-right-radius:10px;
}
@media (max-width: 767px) {
/* Mobile */

.newbutton{
margin:10px auto;	
}


.pulsante{
width:50px;
height:50px;
line-height:50px;
font-size:32px;
}

h1{
	margin:0px;
	font-size: 24px;


}

#titlebg{
	text-align:center;
}

#logowrapper{
	text-align:center;
		text-align:center;
}

#mywrapper{
	width:100%;
}

#myheader{
	width:100%;
	text-align:center;
}
.mycard-title,.mycard-btn{
	width:100%;
}
#menuwrapper{
display:none;
}
.halfflex{
	width:100%;
	text-align:center;
}

.fullflex{
	flex-direction:column;
}

.mantainrow{
	flex-direction:row;
}

.risposta{
	font-size:14px;
	border:4px solid grey;
	border-radius:10px;
	cursor:pointer;
	text-align:center;
	line-height:80px;
	margin:5px;
	padding:5px;
	min-width:80px;
	width:100px;
}



#up{
	text-align:center;
}

#down{
	flex-wrap:wrap;
}

.rispostaImg{
	border:4px solid grey;
	border-radius:10px;
	cursor:pointer;
	margin-bottom:20px;
	width:130px;
	min-height:130px;
}

.corretto{
	border:4px solid green;
}

.errato{
	border:4px solid red;
}
.domanda{
	font-size:26px;
	line-height:50px;

	margin:0px;
}

#imgdomanda{
	width:200px;
	height:200px;
	max-height:200px;
}

#weapons, #enemies{
	width:100%;
	display:flex;
	flex-direction:row;
	align-items:center; 
	background-color:#2D231A;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	padding:10px;
}

.intestacolonna{
	font-size:18px;
	text-align:center;
	margin-top:10px;
}

#select_missile, #select_radar{
	display:flex;
	flex-direction:column;
	font-size:18px;
	line-height:24px;
	width:100px;
	text-align:center;
	align-items:center;
	padding:10px;
	background-color:#57657F;
	border-radius:10px;
	margin:20px auto;
}

#navinemiche{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center; 	
}

.nemico{
	width:100px;
	margin:10px;
}
}