body
{
	margin:0 ;
	padding:0;
	word-wrap: break-word;  
	overflow-x:hidden; 
	background-color:#3e85e6;
 }

.nav { 
	margin:0px;
	padding:0px;
	overflow: hidden;
 	background-color:#1f1f1f;
}

.dropbtn {
	display: inline-block;
	text-align: center;
  padding: 20px 15px;
	color:#cfcfcf;
  text-decoration: none;
	font-family: 'Abel', sans-serif;
	font-size:25px;
	letter-spacing:5px;
	text-transform: uppercase;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #3e85e6;
}
 

li.dropdown {
    display: inline-block;
}

.dropdown-content {
	display: none;
  position: absolute;
	margin:0px; border:0; 
  background-color: #f9f9f9;
  min-width:160px;
  max-width: 200px;
 }

.dropdown-content a {
  padding: 10px 15px;
  text-decoration: none;
  display: block;
  margin-top:-1px;
	margin-bottom:-1px;
  text-align: left;
  color:#cfcfcf;
	background-color:#1f1f1f;     
	font-family: 'Abel', sans-serif;
  font-size:25px;
	letter-spacing:7px;
	text-transform: uppercase;
}

.dropdown-content a:hover {
	background-color: #cfcfcf;  
	color:#1f1f1f;
}

.dropdown:hover .dropdown-content {
    display:  block;
}

ul.topnav  { 
	margin: 0 auto;
	text-align: center;
}
 
ul.topnav li {
	margin:0px 5px;
	display:inline-block;
}

ul.topnav li a {
	text-align: center;
	color:#cfcfcf;
	text-decoration: none;
	font-family: 'Abel', sans-serif;
	font-size:25px;
	padding: 20px 15px;
	letter-spacing:5px;
	text-transform: uppercase;
}



 
@media screen and (max-width:900px) {

	.dropbtn {
		background-color: #2e2e2e;
	}

	li a:hover   {
		background-color:#1f1f1f;
	}

	ul.topnav li{
		display: none;
	}

	ul.topnav li.icon {
		float: right;
		display: inline-block;
		padding: 20px 15px;
	}

	.dropdown-content {
		display: initial !important;
		position: initial;
		max-width: 50%;
	}

	ul.topnav.responsive {
		position: relative;
	}
	
	ul.topnav.responsive li.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	
	ul.topnav.responsive li {
		float: none;
		display: inline;
	}
	
	ul.topnav.responsive li a {
		display: block;
		text-align: left;
	}
}


.header {
	margin:0px;
}


.head {
	margin:0px;
	width:100%;
	height:auto;
}



.titlebreak {
	margin-top:-10px;
  min-width:100%;
  padding-bottom:10px;
	background-color: #cecece;
}


.main {
	background-color:#1f1f1f;
	min-width: 100%;
	padding-bottom:50px;
}


.titlebreakcontent {
	text-align: center;
	margin:0 auto;
	width:80%;
}


.maincontent{
	text-align: center;
	margin:0 auto;
	max-width:1100px;
	padding-top:50px;
	width:80%;
} 





h1 {
	color:#1b1314;
	padding-top:38px;
	margin:0px;
	padding-bottom:4px;
	text-align: center;
	font-family: 'Abel', sans-serif;
  font-size:39px;
	letter-spacing:10px;
	text-transform: uppercase;
	font-weight:normal;
}

h1 span {
	color:#717171;
}

h2 {
	color:#aeadad;
 	margin:0px;
	padding-bottom:4px;
	text-align: center;
	font-family: 'Abel', sans-serif;
	font-size:20px;
	letter-spacing:10px;
	text-transform: uppercase;
	font-weight:normal;
}

h3 {
	color:#9e9e9e;
	margin:0px;
	padding-bottom:28px;
	text-align: center;
	font-family: 'Abel', sans-serif;
  font-size:12px;
	letter-spacing:7px;
	text-transform: lowercase;
	font-weight:normal;
}

.iconmain{
  display: flex;
  justify-content: center;
  align-items: center; 
}

.icon{
  width:10%;
  height:10%;
  border:0px solid #00A7D1;
  float:left;
  margin:5px;
  overflow:auto;
}


.button {
  	transition:  .5s ease-out;
  	-moz-transition:  .5s ease-out;
  	-webkit-transition: .5s ease-out;
  	-o-transition: 5s ease-out;
  	background-color:#232323;
    border: solid 1px #8a8a8a;
    color: #9e9e9e;
    padding: 16px 33px;
    text-align: center;   
	  text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    margin: 4px 2px;
    letter-spacing: 1px;
	  cursor: pointer;
}

.button:hover {
  	background-color:#8a8a8a;
    border: solid 1px #8a8a8a;
    color: #232323;
    padding: 16px 33px;
    text-align: center;
	  text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    margin: 4px 2px;
    letter-spacing: 1px;
    cursor: pointer;
}

button:focus {
	outline:0;
}



.welcome {
	margin-top:0px;
	font-weight:normal;
	text-align: center;
	padding-bottom: 10px;
	color:#000000;
  line-height: 40px;
	font-family: 'Abel', sans-serif;
    font-size:19px;
    font-style: italic;
}



p {
	margin:0px;
	padding-bottom: 70px;
 	font-weight:normal;
	text-align: justify;
  line-height: 30px;
	font-family: 'Abel', sans-serif;
  font-size:15px;
  color:#aeadad;
 }



.footer {
 	padding:10px 0px;
 	background-color:#3e85e6;
 	color:#cfcfcf;
  text-decoration: none;
	font-family: 'Abel', sans-serif;
  font-size:10px;
	letter-spacing:5px;
	text-align: center;
	text-transform: uppercase;
}



a:link {
	transition:  .5s ease-out;
	-moz-transition:  .5s ease-out;
	-webkit-transition: .5s ease-out;
	-o-transition: 5s ease-out;
	color:#3e85e6;
	text-decoration:none;
}

     
a:visited {
	color:#3e85e6;
	text-decoration:none;
}


a:hover {
	transition:  .3s ease-out;
	-moz-transition:  .3s ease-out;
	-webkit-transition: .3s ease-out;
	-o-transition: 5s ease-out;
	color:#564f51;
	cursor:pointer;
	text-decoration:none;
}  
 
a:active {
	color:#3e85e6;
	text-decoration:none;
}