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

.p-footer{
   background-color: rgb(5, 41, 104);
   color: white;
   text-align: center;
}

#footer{
   text-align: center;
   position:fixed;
   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;
}
.container{
   padding-top: 4%;
   margin-left: 17%;
   margin-bottom: 0;
   display: inline-block;
   
}
.cv-gon{
   width: 500px;
   display: inline-block;
}
.info-about1{
   border: 7px solid rgb(5, 41, 104);
   border-radius: 15px;
   display: inline-block;
}
.title{
   font-size: 40px;
   color: rgb(5, 41, 104);;
   text-align: center;
   width: 1200px;
   padding-left: 35%;
   padding-top: 2%;
}
.text{
   text-align: justify;
   line-height: 25px;
   font-size:18px;
   width: 500px;
   display: inline-block;
   vertical-align: top;
   margin-left: 50px;
   margin-top: 60px;
}
.info-about{
   margin-top: 50px;
   border: 7px solid rgb(5, 41, 104);
   border-radius: 15px;
   vertical-align: top;
}
.container2{
   margin-left: 15%;
   width: 500px;
}
.title2{
   font-size: 30px;
   color: rgb(5, 41, 104);;
   text-align: justify;
   text-decoration: underline;
   margin-left: 80px;
   display: inline-block;
}

.text2{
   text-align: justify;
   line-height: 25px;
   font-size:18px;
   width: 325px;
   display: inline-block;
   vertical-align: top;
   margin-left: 80px;
   margin-top: 20px;
   margin-bottom: 20px;
}
.megacontainer{
   display: inline-block;
   vertical-align: top;
   padding-top: 8%;
}