body {
    background-color: #11172e;
    background-position: center top 0.2em;
    background-image: url("cristiansalinasnametitleforwebsite-001.png");
    background-repeat: no-repeat;
    margin-top: 6px;
    background-size: 20em auto;
    background-attachment: local;
}

#home {
    position: absolute;
    color: transparent;
    height: 80px;
    width: 96%;
    opacity: 0;
    /*text-align: center;*/
    top: 0.6em;
    left: auto;
    padding: 0px;
    margin: 0 auto;
}

/*#titlename {
    position: absolute;
    color: white;
    font-family: Arial;
    font-size: 2em;
}*/

/*#salinasindustrieslogo {
    
    
}*/

/*a:link {
    color: white;
    background-color: transparent;
    text-decoration: none;
}
a:visited {
    color: white;
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: #969696;
    background-color: transparent;
    text-decoration: underline;
}
a:active {
    color: white;
    background-color: transparent;
    text-decoration: underline;
}*/

#main_logo {
    width: 600px;
    
}

/*#background {
    
    
}*/

#topbar {
    text-align: right;
    color: white;
    padding-right: 20px;
    padding-top: 16px;
    /*font-size: 34px;
    font-family: sans-serif;*/
    font: 2em Arial, Helvetica;
    /*font: 32px Arial, Helvetica;*/
    /*padding-top: 0/12px;*/
}

#menu {
    /*display: inline;
    text-align: justify;*/
    font-family: Arial;
    /*position: absolute;*/
    font-size: 1.75rem;
    /*font-style: oblique;*/
    font-weight: 600;
    margin-top: -1em;
    /*list-style: none;
    padding: 0;
    margin: 0;*/
    
}

/*#break {
    margin-top: -8px;
    padding: 0;
    position: absolute;
    width: 99%;
    text-align: center;
}*/

.wrapper{
    width: 100%;
    max-width: inherit; /*max-width: auto;*/
    margin: 0 auto;
    margin-top: 116px;
}

nav {
    background-color: transparent;
}

nav ul {
    list-style-type: none;
    padding: 0;
}

nav a {
    text-align: center;
    display: block;
    padding: 10px;
}

@media screen and (min-width: 360px) {
    
    
    nav ul {
        display: flex;
    }
    
    
    
    nav li {
        flex: 1 1 0;
    }
    
    
}

/*.cmenu {
    display: flex;
    justify-content: space-between;
}*/

/*#menu:after {
    content: '';
    display: inline-block;
    width: 100%;
}
#menu li {
    display: inline-block;
}
*/
/*#store {
    position: absolute;
    font-family: Arial;
    /*margin-left: 80px;*/
/*}

#contact {
    position: absolute;
    font-family: Arial;
}

#projects {
    position: absolute;
    font-family: Arial;
}*/

li {
    display: inline;
}

/*ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}*/

ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li a {
    display: block;
    padding: 8px;
    background-color: #dddddd;
    font-size: 0.6em;
    bottom: 2em;
}

.vl {
    border-left: 2px solid white;
    height: 29.9em;
    position: absolute;
    left: 50%;
    margin-left: 0/*px*/;
    top: 6em;
    padding-bottom: 2em;
}

#video {
    position: absolute;
    padding-left: 2em;
    top: 15.8em;
    border: 0.2px;
}

#sc {
    position: absolute;
    left: 3.6em;
    top: 9.3em;
    width: 10em;
    height: 10em;
    background-image: url(snapchat12.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0em;
}

#sctext {
    position: absolute;
    color: white;
    font-family: Arial;
    font-size: 1.2em;
    left: 2.8em;
    text-align: center;
    top: 10.6em;
}

#tt {
    position: absolute;
    left: 3.6em;
    top: 25.2em;
    width: 10em;
    height: 10em;
    background-image: url(tiktok%20copy.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0em;
}

#contacttext {
    position: absolute;
    color: white;
    font-family: Arial;
    font-size: 1.2em;
    left: 3.02em;
    text-align: center;
    top: 29.2em;
}

#contact {
    position: absolute;
    left: 3.6em;
    top: 41.2em;
    width: 10em;
    height: 10em;
    background-image: url(contactv2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0em;
}

#tttext {
    position: absolute;
    color: white;
    font-family: Arial;
    font-size: 1.2em;
    left: 3.02em;
    text-align: center;
    top: 20em;
}


#yttext {
    position: absolute;
    color: white;
    font-family: Arial;
    font-size: 1.2em;
    right: 2.4em;
    text-align: center;
    top: 10.6em;
}


#yt {
    position: absolute;
    right: 3.6em;
    top: 9.3em;
    width: 10em;
    height: 10em;
    background-image: url(ytlogo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0em;
}

#lnp {
    position: absolute;
    right: 3.6em;
    background-image: url(linkedinlink.001.png);
    top: 25.2em;
    width: 10em;
    height: 10em;
    background-size: 100%;
    background-color: transparent;
    border: 0em;
}

#lnptext {
    position: absolute;
    color: white;
    font-family: Arial;
    font-size: 1.2em;
    right: 3.02em;
    text-align: center;
    top: 20em;
}

#scancode {
    position: absolute;
    right: 3.6em;
    top: 41.2em;
    width: 10em;
    height: 10em;
    background-image: url(qrcodeiglink2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0em;
}

#scantext {
    position: absolute;
    color: white;
    font-family: Arial;
    font-size: 1.2em;
    right: 2.36em;
    text-align: center;
    top: 29.2em;
}

.padding {
  padding-bottom:2em;
}

h1 {
    color: white;    
    padding-top: 5em;
    width: 90%;
    text-align: center;

}