	<!-- Style Sheet -->

		.butn {
             width: 308px;
              height: 96px;
              background-image: url("button-x2b_sm.png");
              display: inline-block;
          }
          .butn:hover {
              background-image: url("button-x2a_sm.png");
	      }

		.strap {font-family: 'Lato', sans-serif;font-size:22px;
			letter-spacing 12px;font-style: italic; color:#26647A;
			margin: 15% 0% 10% 0%;
		}

		.aesblue {color:#26647A}
		.aeshead {
			font-family: 'Quicksand', sans-serif;
			font-size: 48px;
			line-height:1.0;
			color:#26646A;
			background-image: url(header-bg-teal-a.png)
		}
		.aessubhead {
			font-family: 'Quicksand', sans-serif;
			font-size: 36px;
			line-height:1.0;
			color:#26646A;
		}
		.aesfoot {
			margin-top:4%; 
			height:120px; 
			background-image:url('footer2-bg-teal-a.png')
		}
		body {
			background-image:url('paper-1809412_1920blue2.jpg');
		}

		.ptext {
			font-family: 'Mulish', sans-serif;
			color: #33505b;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
		}

		.footer {
			background-image:linear-gradient(#26647a, #303030);
			color:white;
			font-size: small;
			line-height:0.4;
		}
		
		#news, #cv    {
			margin:3% 25% 3% 25%;
			font-family: 'Mulish', sans-serif;
			color: #33505b;
			font-size:13px;
			line-height:1.2
		}

		.modal-body > img {
			width:100%;
			height:auto;
		}

 		.modal.fade .modal-dialog {
      		-webkit-transform: translate(0, 0);
      		-ms-transform: translate(0, 0); // IE9 only
          		transform: translate(0, 0);
				transition: 2s ease-in-out; !important
 		}
		

 <!-- MENU BAR START -->
 

    /* Written by Kyle Hamilton of candpgeneration.com
       CSS3 transitions - animated dropdown menu without javascript that plays nice in IE7+, FF, CHROME, SAFARI
       The original bare bones version can be found at: http://candpgeneration.com/CSS-dropdowns/CSS3-dropdown.html
       You are free to use this code any way you like. 
       Please do not remove this comment. */

    /* the main menu */
	.navigation {
        display:block;
        position:absolute;
        width:100%;height:58px;
        z-index:1000;

    }
    .navigation > ul{
        display: -webkit-box;
        -webkit-box-orient: horizontal;

        display: -moz-box;
        -moz-box-orient: horizontal;

        display: box;
        -moz-box-orient: horizontal;
    }
    .navigation ul{
        list-style :none;
        margin:0; 
        padding:0; /* gets rid of any inherited margins and padding */
        font-family: "Lato", Arial, Helvetica, sans-serif;
        font-weight: normal;
        position:relative;     
        z-index:1000;
        width:600px;height:76px;
    }
    .navigation > ul > li { 
        position : relative; margin-left : 100px; margin-top:10px;    /* <--------<  10px   TOP MARGIN ADDED   */
        float : left;

        font-size: 14px; /* this is here and not above, so that the subs can be made smaller using a % if desired */

        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
    }

    .navigation > ul > li + li{
        margin-left:5px;margin-top:10px;    /* <--------<     TOP MARGIN ADDED   */
    }
    .navigation > ul > li > a {
      /*  background-color: #2c2c2c; /*  grey */
        display:block;
        padding:8px 14px;
        text-decoration:none;
        color:#cccccc; 

        /* make the background-color fade in on roll-over */
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;


    }
    .navigation > ul > li > a:hover{
        background-color:#14303B; /* teal blue */
        color:#D3D3D3; /* light grey */
    }


    /* the show/hide effects */
    /* the drop-down box */

    .navigation ul ul{

        /* background-color:#e6056f;  remove. this is for illustration purposes only */
        width:340px; /* you need a width to accomodate tertiary menus */

        position:absolute;margin-top:9px;        /*  <------  */
        z-index:100;

        height: 0;
        overflow: hidden;
        -webkit-transition: height 1.0s ease-in; /*-- was 0.3 */  
        -moz-transition: height 1.0s ease-in;
        -o-transition: height 1.0s ease-in;
        -ms-transition: height 1.0s ease-in;
        transition: height 1.0s ease-in;
    }


    /* don't display tertiary box yet */
    .navigation > ul > li:hover ul ul, .navigation > ul > li > a:hover ul ul{
        height:0;

    }
    /* tertiary drop-down box */
    .navigation ul ul ul{
        left:170px;
        width:170px;
    }

    .navigation > ul > li:hover ul, .navigation > ul > li > a:hover ul,
    .navigation ul ul li:hover > ul, .navigation ul ul li a:hover > ul{
        height:220px;

    }

    /* drop-down item styles */
    .navigation ul ul li{
        background-color:#14303B; /* teal blue */
        width:170px;

        /* make the background-color fade in on roll-over */
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;

    }
    /* unfortunate ie7 gap fix */
    .ie7 .navigation ul ul li{
        margin-bottom:-3px;
    }
    .navigation ul ul li:hover {
        background-color:#284D5D;     /*  <-------  999  */
    }


    .navigation ul ul li a {
        display:block;
        text-decoration:none;
        margin:0 12px;
        padding:5px 0;
        color:#AAAAAA; /* grey  4C4C4C*/

    }

    /* The following six rules set the lines in between menu items.
       To make this play nice in IE, we will not be using nth-child
       but the "+" sibling slector.
    */
    .navigation ul ul ul li a{
        border:none !important;
    }
    .navigation ul ul ul li + li a{
        border-top:1px dotted #999 !important;
    }
    .navigation ul ul li + li a{
        border-top:1px dotted #999;
    }
    .navigation ul ul li:hover + li a{
        border-top:1px solid #eaeaea;
    }
    .navigation ul ul ul li:hover + li a{
        border: 0 !important;
    }
    .navigation ul ul ul li:hover + li{
        border-top:1px solid #999 !important;
    }


    .navigation ul ul li a:hover, .navigation ul ul li:hover > a {
        color:#ffffff; /* white */

    }

 
<!-- HORIZONTAL MENU BAR END -->
		
<!-- VERTICAL MENU STARTS HERE by W3Schools -->	
		
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  background: #26647a;
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: #26647a;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #303030;
  color: white;
}
		
<!-- VERTICAL MENU ENDS HERE -->