@font-face {
    font-family: 'ostrich_sansblack';
    src: url('ostrichsans-black-webfont.woff2') format('woff2'),
         url('ostrichsans-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#wrapper {
    width: 100vw;

}
header {
    background-color: rgb( 30, 30, 30);
    width: 100vw;
}
#top {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
#new {
    height: 10vh;
}
#head {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 99vw;
    margin-left: 1vw;
}
h1 {
    font-family: 'ostrich_sansblack';
    color: rgb( 255, 181, 014);
    font-size: 8vh;
    text-align: right;
    margin-right: 2vw;
}

h2 {
    font-family: 'ostrich_sansblack';
    color: rgb( 255, 181, 014);
    font-size: 4vh;
    text-align: right;
}

nav {
    width: 100vw;
}
.link {
    font-size: 2vh;
}

.link img {
    height: 1.5vh;
}

a:link {
    text-decoration: none;
    color: rgb( 255, 181, 014);
}
a:visited {
    text-decoration: none;
    color: rgb( 255, 231, 014);
}
a:hover {
    text-decoration: none;
    color: rgb( 201, 127, 000);
}

img{
    max-width: 100%;
}

#full {
    width: 100vw;
}

body {
    background-color: rgb( 0, 0, 0);
    width: 100vw;
}

h3 {
    font-family: 'ostrich_sansblack';
    color: rgb( 255, 181, 014);
}

nav {
    font-family: 'ostrich_sansblack';
    color: rgb( 255, 181, 014);
}
#tom {
    display: inline-grid;
    grid-template-columns: 1fr 3fr;
    width: 95vw;
    margin: 1vw;
}
.internet {
    padding-left: 0;
}
#fulp {
    width: 20vw;
}
p {
    color: white;
    font-family: sans-serif;
    font-size: 1.5vh;
}
#tank {
    display: grid;
    grid-template-columns: 2fr 1fr;
    width: 95vw;
    margin: 1vw;
}
.men {
    text-align: right;
    margin-right: 1vw;
}

#icon {   
}

@media screen and (min-width: 400px) {
 
#wrapper {
        width: 98vw;
}
#top {
    display: grid;
    grid-template-columns: 0fr 1fr;
}
#head {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 97vw;
    margin-left: 1vw;
    
}
.link {
    font-size: 3vh;
}
.link img {
    height: 3vh;
}
a:link {
    text-decoration: none;
    color: rgb( 255, 181, 014);
}
a:visited {
    text-decoration: none;
    color: rgb( 255, 231, 014);
}
a:hover {
    text-decoration: none;
    color: rgb( 201, 127, 000);
}

img{
    max-width: 100%;
}
#full {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 98vw;
    column-gap: 0vw;
}
header {
      width: 98vw;  
}   
body {
    background-color: rgb( 0, 0, 0);
    width: 98vw;
}

h1 {
    font-family: 'ostrich_sansblack';
    color: rgb( 255, 181, 014);
    font-size: 16vh;
    text-align: right;
    margin-right: 2vw;
    
}

h2 {
    font-family: 'ostrich_sansblack';
    color: rgb( 255, 181, 014);
    font-size: 8vh;
    text-align: right;
    margin-right: 1vw;
}

h3 {
    font-family: 'ostrich_sansblack';
    color: rgb( 255, 181, 014);
    font-size: 5vh;
}

nav {
    font-family: 'ostrich_sansblack';
    color: rgb( 255, 181, 014);
    width: 90vw;
    margin-left: 1vw;
}
#tom {
    display: inline-grid;
    grid-template-columns: 1fr;
    width: 45vw;
    margin: 1vw 0 1vw 1vw;
    
}
.internet {
    padding-left: 0;
}
#fulp {
    
}
p {
    color: white;
    font-family: sans-serif;
    font-size: 3vh;
}
#tank {
    display: grid;
    grid-template-columns: 1fr;
    width: 45vw;
    margin: 1vw 1vw 1vw 0;
}
.men {
    text-align: left;
    padding-right: 0;
}

#icon {  
}
    
}

@media screen and (min-width: 1000px) {
 
#wrapper {
        width: 98vw;
}
#top {
    display: grid;
    grid-template-columns: 0fr 1fr;
}
#head {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 98vw;
    margin-left: 1vw;
    
}
.link {
    font-size: 3vh;
}
.link img {
    height: 3vh;
}
a:link {
    text-decoration: none;
    color: rgb( 255, 181, 014);
}
a:visited {
    text-decoration: none;
    color: rgb( 255, 231, 014);
}
a:hover {
    text-decoration: none;
    color: rgb( 201, 127, 000);
}

img{
    max-width: 100%;
}
#full {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 98vw;
    column-gap: 0vw;
}
header {
      width: 98vw;  
}   
body {
    background-color: rgb( 0, 0, 0);
    width: 98vw;
}

h1 {
    font-family: 'ostrich_sansblack';
    color: rgb( 255, 181, 014);
    font-size: 30vh;
    text-align: right;
    margin-right: 2vw;
    
}

h2 {
    font-family: 'ostrich_sansblack';
    color: rgb( 255, 181, 014);
    font-size: 10vh;
    text-align: right;
    margin-right: 1vw;
}

h3 {
    font-family: 'ostrich_sansblack';
    color: rgb( 255, 181, 014);
    font-size: 7vh;
}

nav {
    font-family: 'ostrich_sansblack';
    color: rgb( 255, 181, 014);
    width: 90vw;
    margin-left: 1vw;
}
#tom {
    display: inline-grid;
    grid-template-columns: 1fr;
    width: 45vw;
    margin: 1vw 0 1vw 1vw;
    
}
.internet {
    padding-left: 0;
}
#fulp {
    
}
p {
    color: white;
    font-family: sans-serif;
    font-size: 5vh;
}
#tank {
    display: grid;
    grid-template-columns: 1fr;
    width: 45vw;
    margin: 1vw 1vw 1vw 0;
}
.men {
    text-align: left;
    padding-right: 0;
}

#icon {  
}
    
}