header {height:300px; background: url(../images/puerto-mogan-panorama.jpg) no-repeat bottom; }
#nav01 i.fa {color:#3f51b5!important; margin-right:8px}

/* keep correct aspect ratio for videos in an iframe while setting a maximum width */
div.video-article {width:100%;max-width:560px;}
/* This element defines the size the iframe will take. */
/* In this example we want to have a ratio of 25:14 - the height of the item will be 56% of the width. */
.aspect-ratio {position: relative;width: 100%;height: 0;padding-bottom: 56%;}
/* Adjust the iframe so it's rendered in the outer-width and outer-height of it's parent */
.aspect-ratio iframe {position: absolute;width: 100%;height: 100%;left: 0;top: 0;border:none}

textarea {width:100%;max-width:480px}