@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;
}



.title1{
   font-size: 40px;
   color: rgb(5, 41, 104);;
   text-align: center;
   width: 1400px;
   padding-left: 30%;
   padding-top: 2%;
}

.modulos{
   margin-top: 40px;
   border: 7px solid rgb(5, 41, 104);
   border-radius: 15px;
   vertical-align: top;
}
.container{
   margin-left: 10%;
   width: 600px;
}
.title2{
   font-size: 30px;
   color: rgb(5, 41, 104);;
   text-align: center;
}

.text{
   text-align: center;
   line-height: 10px;
   font-size:18px;
   width: 500px;
   margin-left: 45px;
   margin-top: 20px;
   margin-bottom: 20px;
}
.megacontainer{
   padding-left: 28%;
}