h2 {
    display:none;
}

main {
    margin:0vw auto 0px auto;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-around;
    text-align:center;
    max-width:1200px;
}
main img {
    width: 90%;
    margin:1vw;
    align-self: center;
    box-shadow: 5px 5px 5px rgba(0,0,0,.2);
    font-size:0px;

}
main a:hover {
    background-color:#dddddd;
}
@media (orientation: landscape) {
    main img {
        max-width:450px;
    }
}


.holder {
    text-align:center;
}

h4 {
    display:inline-block;
    color:white;
    font-weight:normal;
    text-transform: uppercase;
    color:#aaa;
    font-size:50px;
    font-family:acier-bat-outline;
    margin:60px 0px 20px 0px;
    padding:0px;
}
h4:hover {
    color:#fa8072;
}

.welcome {
    text-align: center;
    /* margin-top:2vw;
    margin-bottom:2vw; */
    margin-top: -.5vw;
    margin-bottom: 1vw;
    margin-left: 2vw !important;
    margin-right: 2vw !important;

}
.welcome h1 {
    width:85%;
    max-width:800px;
    min-width:300px;
    font-weight:normal;
    font-size:2.1em;
    display:inline-block;
    padding:16px;
    /* background-color:#193d5f; 
    color:#7bf1e4; */
    background-color: #000;
    border: #222 6px solid;
    color:#aaa;
    border-radius:0px;
    text-transform: none;
    box-shadow: 5px 5px 5px rgba(0,0,0,.2);
    font-style: normal;
}
.welcome a {
    /* color:#9cf96e; */
    color:#50c4b7;
}
.welcome a:hover {    
    color:#fa8072;
}

body {
    overflow-x: hidden;
}

        
#promo {
    margin-top:20px;
    text-align:center;
    position:relative;   
}
#promoCanvas {
    width:90% !important;
    height:auto !important;
    max-width:900px !important;
}

#content {
    margin-top:20px;
    text-align:center;     
}
#contentCanvas {
    width:90% !important;
    height:auto !important;
    max-width:620px !important;
}
#reviews {
    margin-bottom:60px;
}

#goldHolder {
    text-align: right;
    height:0px;
}
#goldButton {
    margin-right:5%;
    margin-top:15px;
    background-color:#ffd700;
    font-size:15px;
    border-radius: 4px;
    padding:6px 8px;
    display:inline-block;
    position:relative;
    opacity:70%;
    /* right:20px; */
}
#goldButton:hover {
    opacity:100%;
}
#goldButton:active {
    color:#333;
}


@media all and (max-width: 640px){
    /* these styles show if screen width is less than or equal to 640 */             
    h4 { 
        font-size:30px !important;
        margin:9vw 0px 1.5vw 0px !important;
    }
    .welcome {
        font-size:10.5px;
    }    
    #reviews {
        margin-bottom:-40px;
    }
    #reviews {
        margin-bottom:-20px;
    }
    #goldButton {
        font-size:12px;
        padding:4px 6px;
        margin-right:6%;
    }
	#forum {
		font-size:20px !important;
	}
}

@media all and (min-width: 640px) and (max-width: 900px) {
    /* these styles show if screen width is between 640 and 900 */        
    h4 { 
        font-size:40px !important;
        margin:7vw 0px 1.5vw 0px !important;
    }
    #reviews {
        margin-bottom:20px;
    }
}

#forum {
	text-align: center;
	color:#ad67b6;
	font-size:20px;
	padding:10px 10px 20px 10px;
}
#forum img:hover {
    opacity:90% !important;
}
#forum a { 
	color:#f399ff;
}
#forum a:hover { 
	color:#50c4b7;
}