/*
  	Flaticon icon font: Flaticon
  	Creation date: 25/09/2016 13:25
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("./Flaticon.eot");
  src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
       url("./Flaticon.woff") format("woff"),
       url("./Flaticon.ttf") format("truetype"),
       url("./Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
  font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}

.flaticon-bath:before { content: "\f100"; }
.flaticon-bed:before { content: "\f101"; }
.flaticon-blackboard:before { content: "\f102"; }
.flaticon-calendar:before { content: "\f103"; }
.flaticon-hospital:before { content: "\f104"; }
.flaticon-metro-front-on-rail-outlined-transport-symbol:before { content: "\f105"; }
.flaticon-radar:before { content: "\f106"; }
.flaticon-shop:before { content: "\f107"; }
.flaticon-sport-car:before { content: "\f108"; }
.flaticon-waiting-room:before { content: "\f109"; }

.level1, .level2{
  text-shadow: 0px 1px 4px #000 !important;
  background: #a7c52f91 !important;
  border-radius: 2px;
  padding: 5px !important;
}
@media (min-width:100px) and (max-width:450px){
  .level1{
    left:5% !important;
    font-size:20px !important;
    top:83px !important;
  }
  .level2{
    left:5% !important;
    top:110px !important;
    font-size:16px !important;
    line-height:16px !important;
    white-space: normal !important;
  }
  .level3{
    left:5% !important;
    top:228px !important;
  }
  .level3 a{
    font-size:20px !important;
  }
  .container, .projects-section{
    padding: 0px !important;
  }
  .sec-title h2{
    margin-top: -20px !important;
  }
}

@media (min-width:460px) and (max-width:950px){
  .level1{
    left:15% !important;
    font-size:24px !important;
  }
  .level2{
    left:15% !important;
    /*top:108px !important;*/
    font-size:22px !important;
    line-height:24px !important;
    white-space: normal !important;
  }
  .level3{
    left:15% !important;
    margin-top:125px !important;
  }
  .level3 a{
    font-size:20px !important;
  }
  .container, .projects-section{
    padding: 0px !important;
  }
  .sec-title h2{
    margin-top: -20px !important;
  }

}