@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700';



/* CSS Document */



/* 

	preloader

	container

	reset

	sound

	frame-page

	overlay background

	wraper text and logo

*/



/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, button, output, ruby, section, summary, time, mark, audio, video {

font-family: 'Open Sans', sans-serif;

margin: 0;

padding: 0;

border: 0;

font: inherit;

color:#fff;

text-decoration:none;

}


body {
    font-family: 'Open Sans', sans-serif;
    background-color: #000;
    background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}


/* container */

#boxintro{ 
  text-align: center;
  margin: auto;
  width: 90%;
  padding: 15px;
}

#boxintro img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
     margin-top: 20px;
}

#boxintro p {
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}

hr {
    border: 8px dashed rgba(128,255,143,1.00);
    max-width: 50px;
    border-radius: 5px;
    align-content: center;
    visibility: hidden;
}

.responsive {
  width: 100%;
  max-width: 600px;
  height: auto
}



/* button*/


.button {
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    transition-duration: 0.4s;
    border-radius: 12px;
    cursor: pointer;
}

.button1 {
  background-color: #308DEF; 
  color: black; 
   padding: 5px 10px;
}

.button1:hover {
  background-color: #333D8C;
  color: white;
}

.button2 {
  background-color: #E43232; 
  color: black; 
    padding: 5px 25px;
}

.button2:hover {
  background-color: #C90003;
  color: white;
}
 .button3 {
  background-color: #C2AD23; 
  color: black; 
  padding: 5px 10px; 
}
.button3:hover {
  background-color: #1B9300;
  color: white;
}
.fa-sun  {
  color: yellow;
    padding-right: 10px;
}