*.html{
	margin:0px;
	padding:0px;
}

body{
	margin:0px;
	padding:0px;
  font-family: 'Ubuntu', sans-serif;

}

h1,h2,h3,h4,h5,h6{
	margin:5px;
}

a, a:hover{
	text-decoration:none;
  color: inherit;
}

canvas {
  display: block;
  vertical-align: bottom;
  background-color: transparent;
} 

.bg-yellow{
  background-color: #fbcb24;
}

.bg-black{
  background-color: #000;
}

.text-yellow{
  color: #fbcb24;
}

.bg-grey{
  background-color: #e6e6e6;
}

.nav-item{
  padding: 0px 10px;
  
}
.nav-item a{
  font-size:0.8em;
}
.nav-item a:hover{
  color: #e0b902!important;
 
}
.nav-link{
  color: #222;

}
.nav-placeholder{

margin: 0 0 50px 0;

}
.fixed{
position:fixed;
top:0;

width:83%;
}



.yellow-bordered{
  border-top:5px solid #fbcb24!important;
  border-bottom:5px solid #fbcb24!important;
}

.big-os-box{
  display:block;
  width:150px;
  height:150px;
  background-image: url("../img/os_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 50%;
  padding-top:3rem;
  border: 2px solid #000;
  color: #000;
  margin:0px auto;
}
/* ---- particles.js container ---- */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-image: url("../img/wallpaper2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-blend-mode: normal;
} 

.navbar-brand{
  padding:0em;
}
.count-particles {
  border-radius: 0 0 3px 3px;
}

.dropdown-item , .nav-item{
  font-size:1.2em;
}


.subTitle{
  font-size:3em;
}

.home-top{
  min-height: 620px;
}

.box{
   background-image: linear-gradient(154deg, red 50%, transparent 50%),
                      linear-gradient(26deg, red 50%, transparent 50%);
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    background-size: 50% 100%;
    height: 100px;
    width: 100px;
}

.a-link:hover{
   color: #fbcb24;
}

.social-buttons{
  list-style-type: none;
  display: inline;
  width:100%;
  text-align:center;
}

.social-buttons li{
  display: inline;
  /*width:40px;
  height: 40px; */
  text-align:center;
  color:#777;
  margin: 10px;
  cursor: pointer;
  font-size: 1.2em;
  }

  .social-buttons li:hover{
     color: #fbcb24;
  }

  .tabs{
    border:3px solid transparent !important;
    font-size: 1.4em;
  }
  .tabs:hover{
    border:0px;
    border-bottom: 3px solid #fbcb24!important;
  }
  .nav-link.active{
   border-width: 3px;
   border-color: transparent transparent #fbcb24!important;
  }



  .os-box{
    border: 3px solid #c2c2c2;
    padding:5px;
    width:70px;
    height:70px;
    text-align:center;
  }

/*---------------------------------------MEDIA SIZE------------*/
@media only screen and (max-width: 1920px) {
   .visible{
    display:block;
   }
    .subTitle{
      font-size:3.5em;
      margin-top:3.8em;
    }
    .home-top{
      min-height: 520px;
    }
}
@media only screen and (max-width: 1768px) {
   .visible{
    display:block;
   }
    .subTitle{
      font-size:2.5em;
      margin-top:4.2em;
    }
    .home-top{
      min-height: 520px;
    }
}
@media only screen and (max-width: 1680px) {
   .visible{
    display:block;
   }
    .subTitle{
      font-size:2.5em;
      margin-top:4.8em;
    }
    .home-top{
      min-height: 520px;
    }
}
@media only screen and (max-width: 1370px) {
   .visible{
    display:block;
   }
    .subTitle{
      font-size:2em;
      margin-top:2em;
    }
    .home-top{
      min-height: 500px;
    }
}

@media only screen and (max-width: 1200px) {
   .visible{
    display:none;
   }
    .subTitle{
      font-size:2em;
      margin-top:2em;
    }

    .home-top{
      min-height: 520px;
    }
}

@media only screen and (max-width: 992px) {
   .visible{
    display:none;
   }
    .subTitle{
      font-size:1.8em;
      margin-top:1.6em;
    }
}

@media only screen and (max-width: 768px) {
   .visible{
    display:none;
   }
    .subTitle{
      font-size:1.4em;
      margin-top:1em;
    }

    .home-top{
      min-height: 480px;
    }
}


@media only screen and (max-width: 576px) {
   .visible{
    display:none;
   }
    .subTitle{
      font-size:1.2em;
      margin-top:1em;
    }
    .home-top{
      min-height: 520px;
    }
}

@media only screen and (max-width: 380px) {
   .visible{
    display:none;
   }
    .subTitle{
      font-size:1.2em;
      margin-top:0.2em;
    }
     .home-top{
      min-height: 420px;
    }
}


.bg-grey{
  background-color:#333;
}

.mail-back{
  background-color:#111;
  background-image: url('../img/main.png');
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}