/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

body{
  font-weight: 500;
  
}


h1,h2,h3,h4{
  font-weight: 600 !important;
}
nav ul a,
nav .brand-logo {
  color: rgb(255, 255, 255);
  
}


#bgimage{
  background-image: url("/carouselgamingpad.jpg");
}

p {
  line-height: 2rem;
}

.button-collapse {
  color: red;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

#index-banner{
  width: 100%;
  height: 100%;
}

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
  position: relative;
  bottom:0;
  width: 100%;
}

#allnames{
  font-size: 15px;
}
#pallnames{
  font-size: 10px;
  letter-spacing: normal;
}

#gallnames{
  font-size: 18px;
}

.footer-copyright{
  border-top: 1px white solid;
  
}

.selection:hover{
  color: blue;
}

#inquiry{
  margin-top: 50px;
  border-top: 1px solid red;
}

#inquiryboot{
  margin-top: 50px;
  border-top: 1px solid #eeff41;
}


#ourofferboot{
  margin-top: 50px;
  border-top: 1px solid #eeff41;
}

#whyboot{
  margin-top: 50px;
  border-top: 1px solid #eeff41;
}

#inquiryschool{
  margin-top: 50px;
  border-top: 1px solid #89ff00;
}


#ourofferschool{
  margin-top: 50px;
  border-top: 1px solid #89ff00;
}

#whyschool{
  margin-top: 50px;
  border-top: 1px solid #89ff00;
}


#ouroffer{
  margin-top: 50px;
  border-top: 1px solid red;
}

#why{
  margin-top: 50px;
  border-top: 1px solid red;
}

#gmap{
  margin: 0 auto;
  display: block;
  text-align: center;
}

#modal{
  background-color: white;
  color: red;
}

#ourServicesSmall{
  color: red;
}

#logopub{
  width: 120px;
}

#logoacademy{
  width: 110%;
  margin-top: 3px;
}

#logocamp{
 height: 100px;
}

#logofooter{
  width: 40%;
}

#gamingoprema{
  border-top: 1px solid red;
  border-bottom: 1px solid red;
}

#games{
  border-bottom: 1px solid red;
}

#gamepubwhy{
  border-bottom: 1px solid red;
}

#footerhome{
  position: relative;
  margin: 0;
  bottom: 0;
}

#footerhomefixed{
  position:fixed;
  bottom:0;
  
}

#footerhomefixed{
  position:relative;
  bottom:0;
  
}

#mainhome{
  padding-bottom: 50px;
}

#row2{
  margin-top: 10px;
}

.red-text{
  margin-top: 25px;
}

#maincontainer{
  width: 78%;
}

#widercont{
  width: 85%;
}

* { box-sizing: border-box; }
.video-background {
  background-image: url('background1.jpg');
  background-color: red;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
	top: 0;
  color: #fff;

}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgb(255, 0, 0); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgb(255, 3, 3); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}

#footerrow{
  padding-top: 30px;
}

#biglogo{
  width: 220px;
  filter: grayscale(100%);
  margin-bottom: 20px;
}

#biglogo:hover{
  width: 220px;
  filter: grayscale(0%);
  margin-bottom: 20px;
}

#biglogo1{
  height: 220px;
  margin-top: -23px;
  
  filter:grayscale(100%);
 
}

#biglogo1:hover{
  height: 220px;
  margin-top: -23px;
  filter:grayscale(0%);

}

#hoveryellow:hover{
  background-color: yellow;
}

#hoverblue:hover{
  background-color: rgb(59, 165, 236);
}

#hoverpink:hover{
  background-color: rgb(228, 6, 110);
}

#firstrow{
  margin-top: 150px;
  margin-bottom: 100px;
}

#navigationbar{
  height: 100px;
}

#listbar{
  font-size: 20px;
}

.lisize{
  font-size: 16px !important;
  margin-top: 15px;
  margin-right: -10px;
}



#navigationbarhome{
  height: 100px;
 
}

#footerhome{
  background-color: rgba(0,0,0,0.7) !important;
}

@media (max-width: 400px){
  iframe{
    width: 100%;
    height: 300px;
  }
}

@media(max-width: 400px){
  #footerhome{
    position: relative;
    margin: 0 auto;
    height: 500px;
    

  }

  #firstrow{
    margin: 0 auto;
    
  }

  #maincontainer{
    padding-bottom: 20px;
    
  }
}

#inquiryschoolnew{
  height: 400px;
  padding-top: 150px;
  background-image: url("https://i.imgur.com/33pj03m.jpg");
}

.btn-large{
  height: 20%;
  width: 40%;
  font-size: 24px;
}

.btn-large:hover{
  color: rgb(19, 55, 3);
}

@media(max-width: 400px){
  .btn-large{
    height: 80%;
    width: 80%;
    font-size: 24px;
    text-align: center;
  } 
  
  .btn-large:hover{
    color: rgb(19, 55, 3);
  }

}

#campbtn{
  height: 20%;
  width: 40%;
  font-size: 24px;
}

#campbtn:hover{
  color: #eeff41;
}

@media(max-width: 400px){
  #campbtn{
    height: 80%;
    width: 80%;
    font-size: 24px;
    text-align: center;
  } 
  
  #campbtn:hover{
    color: white;
  }

}

#naslov{
  font-weight: 500;
  text-align: center;
  padding-left: 40px;
  font-size: 28px;
}