@font-face{
    font-family: 'Lato', sans-serif;
    src: url(../fonts/Lato/Lato-Regular.ttf);
}

@font-face{
    font-family: 'Lato', sans-serif;
    src: url(../fonts/Lato/Lato-Bold.ttf);
    font-weight: bold;
}


@font-face{
    font-family: 'Capriola';
    src: url(../fonts/Capriola/Capriola-Regular.ttf);
}

@font-face{
    font-family: 'Abel';
    src: url(../fonts/Abel/Abel-Regular.ttf);
}


.equal {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

/* dummy attribute solely to be caught by the following conditional rule below */
.autopad{
}

div[class*='autopad'] {
  flex:1 1 auto;
  background: none;
  display: flex;
}

.panel {
  flex:1 0 100%;
}

.menu-item{
    font-family: 'Lato', sans-serif;
    padding-right: 90px;
}

.pad{
	padding-top: 60px;
}

.navbar-xtra{
   padding-top:50px;
}

.jumbotron-xtra{
   width: 100%;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
   border-left: 50px;
}

.banner-hp{
    padding-top: 70px;
    display: block;
    margin: 0 auto;
    width: 100%;
}

.section-title{
    font-family: 'Capriola', sans-serif;
    font-size: 24px;
    color: #01018b;
}

.section-subtitle{
    font-family: 'Capriola', sans-serif;
    font-size: 18px;
    color: #01018b;
}

.row-custom{
    margin-left: 0px;
}

.panel-custom{
    font-family: 'Abel', sans-serif;
    font-size: 14px;
    color: #000000;
    padding: 20px;
    background-color: #f2f2f2;
    border-color: #e7edc9;
    border-width: 1mm;
}

.panel-warning-custom{
    border-color: white;
}

.alert-warning{
    border-color: red;
}

.panel-about{
}

.panel-how{
    font-size: 18px;
    color: #01018b;
}

.list-panel:not(:last-child){
    margin-bottom: 10px;
}

.footer-custom{
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 60px;
    bottom: -150%;
    width: 100%;
    height: 150px;
    background: #253253; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#9ba0af, #253253); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #253253); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#9ba0af, #253253); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #253253); /* Standard syntax */
}

.footer-item{
    font-family: 'Lato', sans-serif;
    color: #e6f562;
    font-weight: bold;
    padding-right: 30px;
}

#myfooter-content{
    margin-left: 50px;
    margin-top: 80px;
    color: #e6f562;
}