* {
	margin: 0;
	padding: 0;

}
body {

    background-color: blue;
    color:white;
    font-size: 125%;

}
.demo{
    font-size: 125%;
}

textarea {
    background-color: blue;
    color:white;
    font-size: 125%;

}
/*
This isn't needed with the php version
iframe {
	width:100%;
	height:900px;
    border=0;
}*/
.grid {
	display: grid;
	grid-template-columns: auto auto auto;
	
	grid-template-areas: "title title title"
	"header header header"
	"content1 content2 content3"
	"footer footer footer";
	grid-gap: 5px;
}

.title {
	grid-area: title;
}

.header {
	grid-area: header;
}

.content1 {
	grid-area: content1;

}

.content2 {
	grid-area: content2;
	
}

.content3 {
	grid-area: content3;
}

.footer {
	grid-area: footer;


}

table {
    border: 0px solid white;
    background: blue;
    color: white;
    border-collapse: collapse;
        font-size: 120%;
    
    

}
th {
    text-align: center;
    font-size: 120%;
}

td {
    border: 0px solid white;
    font-size: 120%;

}

.img {
    width: 50%;
    height: auto;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;

    > .col,
    > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
}

.media-body {
    font-size: 125%;
}

h4, h5 {
    font-size: 150%;
}