strong {font-weight: bold}

a:link,
a:hover,
a:visited {
	color: CornflowerBlue;
}

a:hover {}

	* {
	 /* border: 1px solid #f00 !important;  */
	}


body {
	font-family: 'Open Sans', sans-serif;
	display: flex;
  min-height: 100vh;
  flex-direction: column;
  color: #1A273A;
}


.container {
  display: flex;
	  flex: 1;
	flex-direction: column;
	}


.header-container{

	display: flex;
	flex-direction: row;
 justify-content: center;
 align-items: center;
 	 flex: 0 0 40px;
	 background-color: whitesmoke;
}
.header {
	display: flex;
	flex-direction: row;
	 align-items: center;
	 padding: 0px 30px;
	 flex: 0 1 1200px;
}

.name {font-weight: 600;}

div.menu-mobile {

	display: inline-block;
	margin-top: 0px;
	width: 35px;
	height: 35px;
}


.bar1,
.bar2,
.bar3 {
	display: block;
	width: 30px;
	height: 2px;
	background-color: black;
	margin: 0px 0 6px 0;

}

.bar1 {
	margin-top: 9px;
}


div.menu-items {

  z-index: 2;
	position: absolute;
	top: 40px;
	display: none;
	padding: 20px 20px 20px 20px;
	background-color: whitesmoke;
	width: 320px;
}

div.menu-items ul li {
	font-size: 14px;
	display: block;
	padding: 4px 8px 4px 0px;
    color: black;
}

div.menu-items ul li a {
	text-decoration: none;

}

div.menu-items ul li {
	border-bottom: 1px solid darkgrey;
}

div.menu-items ul {
	width: 100%;
}



	.content1{
		display: flex;
		flex-direction: column;
			flex: 0 0 220px;
			align-items: center;
			justify-content: center;
			background: cornflowerblue;
		}


.exemplos {width:385px; color: white}
.exemplos a {color: #a6ff00;}

	.content2{
		display: flex;
		flex-direction: row;
		flex: 1;
		padding-top: 90px;
		justify-content: center;

	}

.index-3-ads-desktop{
	display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: whitesmoke;
padding-top: 10px;
height: 310px;
}




.index-ad1-top-desktop, .index-ad2-top-desktop {
	padding-right: 10px;

}
.index-ad1-top-desktop, .index-ad2-top-desktop .index-ad2-top-desktop {
	flex: 0 1 300px;

}

.index-1-ads-mobile {display: none}


	.coluna-dir {
		display:flex;
		flex-direction: column;
		justify-content: space-between;
		flex: 0 1 900px;
		padding: 20px 25px;
	}

	.frase1 {
	font-size: 26px;
	font-weight: 400;
color: white;
	}

	.frase2 {
	font-size: 122%;
	font-weight: 300;
color: white;
	}

	.frase2-mobile {display: none}

	.the-form{

		margin-top: 15px;
	}

	.footer {
		display: flex;
		flex-direction: column;
		 flex: 0 0 40px;
		 justify-content: center;
		 align-items: center;
	background-color: cornflowerblue;
	margin-top: 80px;
	}
.footer a { font-size: 14px;font-weight: 600; color: white}
.footer li {display: inline-block; padding-right: 10px;}


  h1 {
  	   font-size: 26px;
  	   font-weight: 300;
     margin: 0px 0 0px 0;
     border-bottom: 1px solid darkgrey
  	 	}
  	 	
  	 	

	h2 {
	   font-size: 22px;
	   font-weight: 300;
   margin: 40px 0 10px 0;
	 	}

	h3 {
	   font-size: 20px;
	   font-weight: 300;
	   color: black;
	   margin: 60px 0 10px 0;
	}


	p {
	  font-size: 16px;
	  margin: 10px 0;
		font-weight: 400;
	}


	ul {
	  list-style-type: none;
	  overflow: hidden;
	  display: block;
	  }

	li {

	}

#lupa {z-index: 1;position: absolute; margin-top: 8px; margin-left: 10px; vertical-align: middle; -webkit-box-align: center;}

#insert {
  width: 310px;
border: 1px solid beige;
  font-size: 18px;
  padding: 10px 10px 10px 35px;
  margin: 0 auto;
  margin-right:0px;
  border-radius: 3px;
  background-color: white;
  color: black;
}





#insert:focus {
outline: none;

border-color: white;
    -webkit-box-shadow: 0px 0px 4px white   ;
       -moz-box-shadow: 0px 0px 4px white   ;
            box-shadow: 0px 0px 4px white   ;
}


::-webkit-input-placeholder, ::-ms-input-placeholder, ::-ms-input-placeholder {
  color: 	#a7adba;
	font-size: 16px;
}

input::placeholder {
  color: 	#a7adba;
	font-size: 16px;
}

::-moz-placeholder {
	color: 	#a7adba;
	font-size: 16px;
	opacity: 1;
 }



#conj-button {
  font-size: 18px;
  padding: 10px 30px;
  margin-left: 0px;
border-radius: 3px;
border: 1px solid beige;
color: white;
background: CornflowerBlue;
background-image: linear-gradient(to bottom, cornflowerblue, #417de9 );
-webkit-appearance; none;
}

#insert:focus + #conj-button {

background:cornflowerblue   ;
border: 1px solid white   ;
-webkit-box-shadow: 0px 0px 4px white   ;
   -moz-box-shadow: 0px 0px 4px white  ;
        box-shadow: 0px 0px 4px white;


}

/* button pressed */
#conj-button:active {
  box-shadow: 1px 5px #C3F306     ;
  transform: translateY(2px);
}

/* Remove button padding in FF */
#conj-button::-moz-focus-inner {
    border:0;
    padding:0;
}

*:focus {
    outline: 0 !important;
}


* {
-webkit-appearance:none;
border-radius: 0;
}