@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600);
*{
    list-style: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Lato, Helvetica, sans-serif;
}

.dropdown-list{
   display: none;
}
.dropdown:hover .dropdown-list{
   display: block;
}

.btn-courses{
   border: none;
   background-color: rgb(5, 41, 104);
   color: white;
   font-size: 16px;
   transition: background-color 0.3s, color 0.3s;
   width: 100%;
   margin-left: 0;
   text-align: left;
}

.footer{
   text-align: center;
   position:absolute; bottom:0px;
   background-color: rgb(5, 41, 104);
   color: white;
   width: 100%;
}

body{
   background-image:url(../Media/UFVcampus.jpg);
   background-repeat: no-repeat;
   background-size: cover;
}

#sidebar1 {
   position: absolute;
   width: 300px;
   height: 100%;
   background: rgb(5, 41, 104);
   left: -300px;
   transition: .4s;
}

#sidebar1 .toggle-btn:hover{
   cursor:pointer;
}

#sidebar1 .toggle-btn {
   position: absolute;
   top: 30px;
   left: 330px;
}

.toggle-btn span {
   width: 45px;
   height: 4px;
   background: #000;
   display: block;
   margin-top: 4px;
}

#sidebar1.active {
   left: 0;
}



.menu .sidebar .profile{
   margin-bottom: 30px;
   text-align: center;
   margin-top: 40px;
}
.menu .sidebar .profile img{
   display: block;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   margin: 0 auto;
}
.menu .sidebar .profile h3{
   color: #ffffff;
   margin: 10px 0 5px;
}
.menu .sidebar .profile p{
   color: rgb(206, 240, 253);
   font-size: 14px;
}

.menu .sidebar ul li a{
   display: block;
   padding: 13px 30px;
   border-bottom: 1px solid #10558d;
   color: rgb(241, 237, 237);
   font-size: 16px;
   position: relative;
}
.menu .sidebar ul li a .icon{
   color: #dee4ec;
   width: 30px;
   display: inline-block;
}
.menu .sidebar ul li a:hover,
.menu .sidebar ul li a.active{
    color: #0c7db1;
    background:white;
    border-right: 2px solid rgb(5, 41, 104);
    transition: 0.5s;
}
.menu .sidebar ul li a:hover .icon,
.menu .sidebar ul li a.active .icon{
    color: #0c7db1;
    transition: 0.5s;
}
.menu .sidebar ul li a:hover:before,
.menu .sidebar ul li a.active:before{
    display: block;
}
.rrss{
   display: inline-flex;
   cursor:pointer;
}
.content{
   width: 80%;
   padding-left:25%;
   padding-top: 5%;
   display: inline-block;
}
.title{
   font-size: 40px;
   color:rgb(5, 41, 104);
   font-weight: bold;
   text-align: center;
   padding-top: 6%;
}
.text{
   margin-top: 4%;
   line-height: 25px;
   font-size:18px;
   margin-right: 10%;
}

.block1{
   width:40%;
   display: inline-block;
   margin-left: 6%;
}
.block2{
   width: 53%;
   display: inline-block;
   vertical-align: top;
}
.subjects{
   border: 7px solid rgb(5, 41, 104);
   border-radius: 15px;
   padding-top: 3%;
   padding-bottom: 3%;
   width: 100%;
   padding-right: 5%;
}
.fund{
   margin-top: 4%;
   margin-left: 1%;
   margin-right: 10%;
   text-align: justify;
   line-height: 25px;
   font-size:18px;
}
.fund:hover{
   cursor: pointer;
   text-decoration: underline;
}