* {
    box-sizing: border-box;
}

body {
	height: 100%;
    background-color: #cccccc;
    background-image: linear-gradient(dodgerblue, gold);
}

/* Style the header */
.header {
    overflow: hidden;
	white-space: nowrap;
	text-align: left;
	padding-bottom:20px;
 }

/* Create two columns that floats next to each other */
.column {	
    float: left;
    height: 100%; 
}

/* Left column */
.column.left {
    width: 15%;
	padding-right:0;	
}

/* column middle */
.column.middle {
    width: 65%;
	/* margin-left:5%; */
	padding-right:0;	
}

/* Left and right column */
.column.right {
    width: 20%;
	margin-left:0;
}




/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Style the footer */
.footer {
    padding: 0px;
    text-align: center;
	width: 0px;
	hight: 0px;
}
 
 #infotext {
	width:  96% ;
	height: 800px ;
	margin-top:2%;
	margin-right:2%;
	margin-left:2%;
	margin-bottom:2%;
    background-image: linear-gradient(gold, orange);
	border-radius:25px;
 }
 
 #hollow2 {
	margin-right:10%;
	width:  100% ;
    background-color: #e68a00;
  	border-radius:25px;
 }
 
 #info {
	height: 450px; 
	width:  90% ; 
	margin-left:5%;
    background-image: linear-gradient(gold, orange);
	border-radius:25px;
 }
 
 #hollow3 {	  
	width:  100% ;
	height: 500px;
    background-color: #e68a00;
  	border-radius:25px;
	padding-top:5%
 }
 
 
#a1:link {
    color: black;
	}

#a1:hover {
    text-decoration: underline;
}

#a1:active {
    text-decoration: underline;
}

#a1:visited {
    color: black;
}
 
 img.imgA {
            border: none; 
			width: 12% ;
			} 

img.imgB { 
            border: none; 
			width: 60% ;
			} 

img.imgC { 
            border: none; 
			width: 20% ;
			}    

img.imgD { 
            border: 1%; 
			width: 100% ;
			}    			

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 800px) {
img.HGL_head {height:70%; }
}

@media (max-width: 800px) {
.column.left {display:none; }
}

@media (max-width: 800px) {
    .column.middle, .column.right {
        width: 100%;
    }
}