@font-face {
  font-family: 'Sillii Willinn';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/sillii-willinn-font.ttf') format('truetype'),
    url('../fonts/sillii-willinn-font.woff') format('woff');
}

/*Colors*/
.clr0 {
  color: #ffffff;
}
.bgcolor0{
  background-color: #ffffff;
}
.clr1 {
  color: #ecba52;
}
.bgcolor1{
  background-color: #ecba52;
}
.clr2 {
  color: #efaa8d;
}
.bgcolor2{
  background-color: #efaa8d;
}
.clr3 {
  color: #eaa4c6;
}
.bgcolor3{
  background-color: #eaa4c6;
}
.clr4 {
  color: #bbe0e9;
}
.bgcolor4{
  background-color: #bbe0e9;
}
.clr5 {
  color: #de5e5f;
}

.clr6 {
  color: #777777;
}

.clr7{
  color: #444444;
}

.clr8{
  color: #c6e085;
}

.bgcolor8{
  background-color: #c6e085;
}

.clr9{
  color: #e1e1e1;
}

.bgcolor9{
  background-color: #e1e1e1;
}

/*Elements*/
body {
  padding-top: 100px;
  background-color: #ffffff;
}

h1 {
  font-size: 45px;
}

h1.sw{
  font-size: 80px;
  font-family: "Sillii Willinn";
  text-align: center;
}

h2 {
  font-size: 26px;
}

h2.sw{
  font-size: 70px;
  font-family: "Sillii Willinn";
  text-align: center;
  line-height: 100px;
}

h3 {
  font-size: 18px;
}

h3.sw{
  font-size: 40px;
  font-family: "Sillii Willinn";
  text-align: center;
}

h4 {
  font-size: 14px;
}

h4.sw{
  font-size: 30px;
  font-family: "Sillii Willinn";
  text-align: left;
}

a.white {
color: #ffffff;
text-decoration: none;
}

a.grey {
  color: #444444;
  text-decoration: underline;
}

.card-title{
  font-size: 24px;
  color: #de5e5f;
}

/*Images*/
.vertical-align {
	position: relative;
	height: 400px;
}

.vertical-align img {
	position: absolute;
  bottom:0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

/*Navigation*/
.nav-img {
  max-height: 90px;
}

.navbar-header {
  height: 105px;
}

.navbar-nav {
  margin-top: 50px;
}

.navbar-default .navbar-nav>li>a {
  font-size: 24px;
}

/*Text size/location*/
.txtsmall {
  font-size: 15px;
}

.txtmedium {
  font-size: 20px;
}

.txtlarge{
  font-size: 25px;
}

.txtcenter{
  text-align: center;
}

.txtvertical{
  margin-top:30%;
  }

/*Margins*/

.margin-5 {
  margin: 5px;
}

.margin-10 {
  margin: 10px;
}

.margin-left-10{
  margin-left: 10px;
}

.margin-right-10{
  margin-right: 10px
}

.margin-20 {
  margin: 20px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-50{
  margin: 50px;
}

.margin-top-50 {
  margin-top: 50px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

/*Paddings*/
.padding-left-0{
  padding-left: 0px;
}

.padding-right-0{
padding-right: 0px;
}

.padding-10 {
  padding: 10px;
}

.padding-20 {
  padding: 20px;
}

.padding-top-20{
  padding-top: 20px;
}

.padding-bottom-20{
  padding-bottom: 20px;
}

/*Row Dividers*/
.divider-1 {
  background-image: url('../img/divider-1.png');
  background-color: #bbe0e9;
  background-repeat: repeat-x;
  margin: 0px;
  padding: 0px;
  height: 50px;
}

.divider-2 {
  background-image: url('../img/divider-2.png');
  background-color: #efaa8d;
  background-repeat: repeat-x;
  height: 50px;
}

.divider-3 {
  background-image: url('../img/divider-2.png');
  background-color: #eaa4c6;
  background-repeat: repeat-x;
  margin: 0px;
  padding: 0px;
  height: 50px;
}

.divider-4 {
  background-image: url('../img/divider-2.png');
  background-color: #bbe0e9;
  background-repeat: repeat-x;
  margin: 0px;
  padding: 0px;
  height: 50px;
}

.divider-5 {
  background-image: url('../img/divider-2.png');
  background-color: #c6e085;
  background-repeat: repeat-x;
  margin: 0px;
  padding: 0px;
  height: 50px;
}

.divider-6 {
  background-image: url('../img/divider-1.png');
  background-color: #c6e085;
  background-repeat: repeat-x;
  margin: 0px;
  padding: 0px;
  height: 50px;
}

.divider-7 {
  background-image: url('../img/divider-1.png');
  background-color: #efaa8d;
  background-repeat: repeat-x;
  height: 50px;
}

/*Images*/
.fill {
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-image: url('../img/sweets.png');
}

/*Back To Top Button*/
#btnTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 16px;
  color: #de5e5f;
  cursor: pointer;
}

#btnTop:hover {
  color: #555;
  text-decoration: none;
}

/*Tables*/
.table-borderless tr,
.table-borderless td,
.table-borderless th {
  border: 0 !important;
}

/*Media */
/* Large desktops */
@media (min-width: 1200px){
  .navbar li {
      margin-left : 1em;
      margin-right : 1em;
  }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  .nav-img {
    max-height: 80px;
  }

  .navbar-header {
    height: 95px;
  }

  .navbar-nav {
    margin-top: 40px;
  }

  .navbar-default .navbar-nav>li>a {
    font-size: 16px;
    text-align: right;
  }

  h1.sw{
    font-size: 60px;
    font-family: "Sillii Willinn";
  }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .nav-img {
    max-height: 80px;
  }

  .navbar-header {
    height: 95px;
  }

  .navbar-toggle {
    margin-top: 20px;
  }

  .navbar-default .navbar-nav>li>a {
    font-size: 18px;
  }

  h1.sw{
    font-size: 40px;
    font-family: "Sillii Willinn";
  }
}