body{min-height: height 90vh;}
nav{background: #ECE9E6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
a{text-decoration: none;}
nav img{
width:15%;
min-width: 200px;
padding:10px;
margin:0 auto;
display:block;
}
.illustrationdesk{padding-top:50px;
width:75%;
margin:0 auto;
display:block;}
.illustrationmobile{
	width:75%;
	margin:0 auto;
	display:block;
padding-bottom: 10px;}


.row{background: #83a4d4;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #b6fbff, #83a4d4);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #b6fbff, #83a4d4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.illustrationmobile{display:none;}

form{width:90%;}
#frm{padding:5%;
font-family: 'Signika', sans-serif;
background: #ECE9E6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

label{color: #5e9bfc;}


.form-control {
    background-color:rgba(100,100,100,0);
	border-radius: 0;
	border-color: #ccc;
   	border-width: 0 0 2px 0;
   	border-style: none none solid none;
   	box-shadow: none;
   	width:100%;
}
.form-control:focus {
	box-shadow: none;
	border-color: #5e9bfc;
	border-width: 0 0 2px 0;
   	border-style: none none solid none;
   	box-shadow: none;
}

#btn:hover,#btn:active, #btn:focus{background-color:#5e9bfc;
color:white;}
#btn {
	border-color: #5e9bfc;
	color: #5e9bfc;
	background-color:white;
}
h1{color:white;
font-family: 'Comfortaa', cursive;
font-weight:bold;
font-size:3em;
margin-top:10%;}

h2{font-family: 'Comfortaa', cursive;
	font-weight:bold;
	font-size:3em;
	text-align:center;
	margin-top:20px;}

	h4{font-size:2em;
			margin-top:20px;
		margin-bottom:5px;}

p{font-family: 'Signika', sans-serif;
font-size:1.2em;
line-height: 1.4em;}
a{font-family: 'Signika', sans-serif;
	font-size:1.2em;
	line-height: 1.4em;}

footer{background: #ECE9E6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

footer img{width:35px;
padding:10px;}

.error{color:red!important;
font-size:0.9em !important;;
margin-bottom:0px !important;}

.swal2-popup .swal2-styled.swal2-confirm{padding-top:0;
border-color: #5e9bfc;
	color: #5e9bfc;
	background-color:white;}
.swal2-popup .swal2-title{font-family: 'Signika', sans-serif;
font-weight:bold;
font-size:30px !important;
}
.swal2-popup .swal2-content{
font-family: 'Comfortaa', cursive;
font-weight:bold;
font-size:15px !important;
}
#resources {background: #83a4d4;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #b6fbff, #83a4d4);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #b6fbff, #83a4d4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	margin-top:0;
padding-top:0;}
	#list{background: rgb(255, 255, 255);  
		max-width:750px;
		padding:30px;
	margin: 0 auto;
text-align:center;}

@media only screen and (max-width: 600px) {
  #frm{width:80%;
  margin: 0 auto;}
	p{padding-left:25px;padding-right:25px;}
	h1{padding-left:25px;padding-right:25px; font-size:2em;}
	.illustrationdesk{display: none;}
	.illustrationmobile{display:block;}
	p {font-size:1.1em;}


 
}