section{
    width:100%;
     max-width:1200px;
     margin:0px auto;
     display:table;
     position:relative;
}
 h1{
    margin:0px auto;
     display:table;
     font-size:26px;
     padding:40px 0px;
     color:#e6b219;
     text-align:center;
}
 h1 span{
    font-weight:500;
}
 header{
    width:100%;
     display:table;
     background-color:#002e5b;
     margin-bottom:0px;
}
 nav{
     width:auto;
     float:right;
}
 nav ul{
     display:table;
     float:right;
     list-style:none;
     margin:0px;
     padding:0px;
     outline:none;
}
 nav ul li{
     float:left;
}
 nav ul li:last-child{
     padding-right:0px;
}
 nav ul li a{
     color:#e6b219;
     font-size:1em;
     text-decoration:none;
     padding: 25px 10px;
     display:inline-block;
     transition: all 0.5s ease 0s;
}
 nav ul li a:hover{
    background-color:#e6b219;
     color:#002e5b;
     transition: all 0.5s ease 0s;
}
 nav ul li a:hover i{
    color:#002e5b;
     transition: all 0.5s ease 0s;
}
 nav ul li a i{
    padding-right:10px;
     color:#e6b219;
     transition: all 0.5s ease 0s;
}
 .toggle-menu ul{
    display:table;
     width:25px;
}
 .toggle-menu ul li{
    width:100%;
     height:3px;
     background-color:#002e5b;
     margin-bottom:4px;
}
 .toggle-menu ul li:last-child{
    margin-bottom:0px;
}
 input[type=checkbox], label{
    display:none;
     color:#ffffff;
}
 .content{
    display:table;
     margin-bottom:60px;
     width:900px;
}
 .content h2{
    font-size:18px;
     font-weight:500;
     color:#e6b219;
     border-bottom:1px solid #002e5b;
     display:table;
     padding-bottom:10px;
     margin-bottom:10px;
}
 .content p{
    font-size:14px;
     line-height:22px;
     color:#7c7c7c;
     text-align:justify;
}
 footer{
    display:table;
     padding-bottom:30px;
     width:100%;
}
 .social{
    margin:0px auto;
     display:table;
}
 .social li{
    float:left;
     padding:0px 10px;
}
 .social li a{
    color:#e6b219;
     transition: all 0.5s ease 0s;
}
 .social li a:hover{
    color:#002e5b;
     transition: all 0.5s ease 0s;
}
 @media only screen and (max-width: 1440px) {
     section{
        max-width:95%;
    }
}
 @media only screen and (max-width: 980px) {
     header{
        padding:20px 0px;
    }
     #logo{
        padding:0px;
    }
     input[type=checkbox] {
        position: absolute;
         top: -9999px;
         left: -9999px;
         background:none;
    }
     input[type=checkbox]:fous{
        background:none;
    }
     label {
        float:right;
         padding:8px 0px;
         display:inline-block;
         cursor:pointer;
    }
     input[type=checkbox]:checked ~ nav {
        display:block;
    }
     nav{
        display:none;
         position:absolute;
         right:0px;
         top:53px;
         background-color:#002e5b;
         padding:0px;
         z-index:99;
    }
     nav ul{
        width:auto;
    }
     nav ul li{
        float:none;
         padding:0px;
         width:100%;
         display:table;
    }
     nav ul li a{
        color:#FFF;
         font-size:1em;
         padding:10px 20px;
         display:block;
         border-bottom: 1px solid rgba(225,225,225,0.1);
    }
     nav ul li a i{
        color:#e6b219;
         padding-right:13px;
    }
}
 @media only screen and (max-width: 980px) {
     .content{
        width:90%;
    }
}
 @media only screen and (max-width: 568px) {
     h1{
        padding:25px 0px;
    }
     h1 span{
        display:block;
    }
}
 @media only screen and (max-width: 480px) {
     section {
        max-width: 90%;
    }
}
 @media only screen and (max-width: 360px) {
     h1{
        font-size:20px;
    }
     label{
        padding:5px 0px;
    }
     #logo{
        font-size: 20px;
    }
     nav{
        top:47px;
    }
}