* {
    box-sizing: border-box;
}
body {background:   
    linear-gradient(lavender,white);	
	}
	
	img {
    width: 100%;
    height: auto;
}
.row::after {
    content: "";
    clear: both;
    display: block;
}



[class*="col-"] {
    float: left;
    padding: 15px;
}
html {
    font-family: "Lucida Sans", sans-serif;
}
.header {
    background-color: #9933cc;
    color: #ffffff;
    padding: 15px;
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color: darkblue;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
    background-color: red;
}


.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.aside {
    background-color: darkblue;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	float: bottom;
  width: 50%;
}


.footer {
    background:   
    linear-gradient(royalblue, darkblue);
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
	margin-top: 50px;
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
	border-top:3px solid;/*lavender;*/
	border-top-color: lavender;
}



/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 65%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}



.header {
    background:   
    linear-gradient(royalblue,darkblue);
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 10px;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
	border-bottom:3px solid;/*lavender;*/
	border-bottom-color: lavender;
}
.amensic-image-wrapper{
max-width:38%;
height:auto;
position: relative;
display:block;
margin:0 auto;
background-color: transparent;
border-radius: 40px;
	border:4px solid;/*lavender;*/
	border-top-color: #191970;
	border-bottom-color: lavender;
padding:50 auto;
}

.amensic-image-wrapper img{
width:100%; 
height:auto;
display:block;

	background-repeat: no-repeat;
	border-radius: 40px;
	border:3px solid;/*lavender;*/
	border-top-color: #191970;
	border-bottom-color: lavender;
}
.amensic-image-wrapper0{
max-width:18%;
height:auto;
position: relative;
display:block;
margin:0 auto;
background-color: transparent;
border-radius: 40px;
	border:4px solid;/*lavender;*/
	border-top-color: #191970;
	border-bottom-color: lavender;
padding:50 auto;
}

.amensic-image-wrapper0 img{
width:100%; 
height:auto;
display:block;

	background-repeat: no-repeat;
	border-radius: 40px;
	border:3px solid;/*lavender;*/
	border-top-color: #191970;
	border-bottom-color: lavender;
}


.amensic-image-wrapper2{
max-width:97%;
height:auto;
position: relative;
display:block;
margin:0 auto;
background-color: blue;
padding:50 auto;
border-radius: 40px;
	border:3px solid;/*lavender;*/
	border-top-color: #191970;
	border-bottom-color: lavender;
}

.amensic-image-wrapper2 img{
width:100%; 
height:auto;
display:block;

	background-repeat: no-repeat;
	border-radius: 40px;
	border:3px solid;/*lavender;*/
	border-top-color: #191970;
	border-bottom-color: lavender;
}

.amensic-image-wrapper3{
max-width:80%;
height:auto;
position: relative;
display:block;
margin:0 auto;
background-color: blue;
padding:50 auto;
border-radius: 40px;
	border:3px solid;/*lavender;*/
	border-top-color: #191970;
	border-bottom-color: lavender;
}

.amensic-image-wrapper3 img{
width:100%; 
height:auto;
display:block;

	background-repeat: no-repeat;
	border-radius: 40px;
	border:3px solid;/*lavender;*/
	border-top-color: #191970;
	border-bottom-color: lavender;
}

.amensic-image-wrapper4{
max-width:97%;
height:auto;
position: relative;
display:block;
margin:0 auto;
background-color: transparent;
padding:50 auto;
}

.amensic-image-wrapper4 img{
width:100%; 
height:auto;
display:block;	
}
.amensic-image-wrapper5{
max-width:100%;
height:auto;
position: relative;
display:block;
margin:0 auto;
background-color: transparent;
padding:50 auto;
border-radius: 8px;
	border:3px solid;/*lavender;*/
	border-color: #191970;
}

.amensic-image-wrapper5 img{
width:100%; 
height:auto;
display:block;	
}
.amensic-image-wrapper7{
max-width:68%;
height:auto;
position: relative;
display:block;
margin:0 auto;
background-color: transparent;
padding:50 auto;
}

.amensic-image-wrapper7 img{
width:100%; 
height:auto;
display:block;

	background-repeat: no-repeat;
}
.navbar {
    overflow: hidden;
    /*background-color: darkblue; #333;*/
	background: linear-gradient(darkblue, royalblue);
    font-family: Arial, Helvetica, sans-serif;
}

.navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
	}
	

.center_italic {
	text-align: center;
	font-style: italic;
}
.redtext {
	color: red;
}
.whitetext {
	color: white;
}

.bluetext {
	color: darkblue;	
	font-weight: bolder;
}

a[href^="mailto:"]
{ 
 /* font-family: sans-serif;*/
  color: red;
 /*font-size: 18px;*/
}
.row2 {
	margin: 10px 0;
/*	background:yellow;*/
	/*border: 2px dashed #f69c55;*/
	transition: .5s;
	border-radius: 40px;
}
.column {
	/*	border: 1px solid black;*/
/*	background:#ccc;*/
	display: table-cell;
	padding: 10px;
	width: 33.33333%;
	text-align:center;
	vertical-align:top;
	/*color: #fff;*/
	
 	border-left: 2px solid lavender;
	border-right: 2px solid lavender;
	/*	border-right: 2px dashed #fff; 	*/
	border-radius: 40px;
 transition: .5s;
}
.column:nth-child(1) {
background: lightyellow; 
}
.column:nth-child(2) {
background: lightyellow;
}
.column:nth-child(3) {
background: lightyellow;
}
pre {
/*font-size: 1.3em;*/
height:300px;
white-space: normal;
word-wrap: break-word;
overflow:auto;
 -webkit-overflow-scrolling: touch;
border: 3px solid lightyellow;
	border-radius: 40px;
padding:20px;
margin:0 10% 0 0;
}

@media (max-width: 900px)
{
	
.column
	{
	 width:  100%;
	 display: block; /*...................*/
	 margin: 10px 0;
	 border: none;
	 box-sizing: border-box;
	}
	.row
	{
	 margin: 0;
	}
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: 
    [class*="col-"] {
        width: 100%;
    }	*/
	.col-6 {width: 80%;}
	.col-3 {width: 20%;}
	
}