@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap');

body,div,span,h1,h2,h3,h4,h5,h6,p,ul,ol,li,a,label,input{
    font-family: 'Roboto', sans-serif;
    color: #000;
}

::selection {
    background: #BF3100; /* WebKit/Blink Browsers */
    color: #fff;
  }
  ::-moz-selection {
    background: #BF3100; /* Gecko Browsers */
    color: #fff;
  }
  
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
    border-color: rgba(215,106,3, 0.8) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(215,106,3, 0.6) !important;
    outline: none !important;
}

div:focus{
    outline: none !important;
}

section{
    padding: 60px 0;
}

h1{
    font-weight: 300;
    text-align: center;
    margin: 0 0 40px;
    color: #fff;
    font-size: 75px;
}

h2{
    font-weight: 300;
    margin: 0;
    font-size: 25px;
}

h3{
    font-weight: 300;
    font-size: 21px;
    margin: 8px 0;
}

p{
    font-weight: 300;
}

.userline{
    text-align: center;
    padding: 10px 0;
    background: #EC9F05;
}

.userline h2{
    font-weight: 900;
}

.userline h2,
.userline p{
    color: #fff;
}

.head{
    background: #BF3100;
    padding: 100px 0;
}

.head img{
    max-width: 150px;
    margin-bottom: 30px;
}

.head p{
    color: #fff;
    font-weight: bold;
    max-width: 500px;
    margin: 0 auto;
}

.head ul{
    padding: 20px 0 0;
}

.head ul>li a{
    color: #fff;
    text-decoration: none;
    list-style: none;
    transition: all 0.25s;
    padding: 3px 15px;
}

.head ul>li a:hover,
.head ul>li a:focus,
.head ul>li a:active{
    background: #fff;
    color: #BF3100;
}

.alert{
    background: rgba(215,106,3, 0.2);
    border-color: rgb(215,106,3);
}

.alert ul{
    padding: 20px 0 0 30px;
}

.alert a{
    text-decoration: none;
    transition: all 0.25s;
}


.alert a:hover,
.alert a:focus,
.alert a:active{
    color: #EC9F05;
}

@media (max-width: 575.98px) {

}


@media (max-width: 767.98px) {

}


@media (max-width: 991.98px) {

}


@media (max-width: 1199.98px) {

}

@media (max-width: 1399.98px) {

}