/* website use http://fontello.com */

/*
========================================================
 This background pattern is downloaded from www.subtlepatterns.com 
 If you need more, that's where to get'em.
 ========================================================
*/

body{
  margin: 0 !important;
  background: url("../img/dot-grid.png");
  font-family: 'Montserrat', sans-serif;
  color: #333;
}
img{
  max-width: 100%;
}
a{
  text-decoration: none;
  color: #333;
}
.section{
  margin: 0 15px;
}
.sectionHeader{
  text-align: center;
  font-weight: bold;
  font-size: 40px;
}
.sectionHeader>span{
  color: rgb(168, 22, 22);
}

.mainSection{
  margin-bottom: 100px;
}
.mainSection>.logoHolder{
  height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mainSection>.logoHolder>.description{
  font-size: 20px;
  font-weight: bold;
}
.mainSection>.logoHolder>.logo>img{
  max-width: 350px;
}
.mainSection>.labelsHolder{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
}
.mainSection>.labelsHolder>.separator{
  margin: 0 20px;
  color: rgb(168, 22, 22);
}

.projectsSection>.projectSection{
  margin-top: 40px;
}
.projectsSection>.projectSection>.projectName{
  font-size: 30px;
  padding-bottom: 7px;
  border-bottom: 2px solid rgb(168, 22, 22);
}
.projectsSection>.projectSection>.holder{
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.projectsSection>.projectSection>.holder>.projectLogo{
  max-width: 300px;
}
.projectsSection>.projectSection>.holder>.projectLogo>img{
  max-width: 300px;
}
.projectsSection>.projectSection>.holder>.projectDescription{
  margin-left: 30px;
}
.projectsSection>.projectSection>.holder>.projectDescription>.contactItem{
  margin-top: 10px;
}

.contactSection{
  margin-top: 80px;
}
.contactSection>.contactInfo{
  text-align: center;
  margin-top: 30px;
  font-size: 22px;
}
.contactSection>.contactInfo>div:first-child{
  font-weight: bold;
}

.sponsorsSection{
  margin-top: 80px;
  margin-bottom: 50px;
}
.sponsorsSection>.sponsordHolder{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.sponsorsSection>.sponsordHolder img{
  max-width: 200px !important;
  max-height: 200px !important;
  margin-top: 35px;
}
.sponsorsSection>.sponsordHolder>.column{
  margin-top: 20px;
  text-align: center;
}
.sponsorsSection>.sponsordHolder>.column>.projectName{
  text-align: center;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 30px;
  border-bottom: 2px solid rgb(168, 22, 22);
}

@media all and (max-width: 400px){
	.separator{
    display: none;
  }
  .labelsHolder{
    flex-direction: column;
  }
  .sectionHeader{
    font-size: 24px;
  }

}