@charset "utf-8";
/* CSS Document */
<style>
@media screen and (min-width: 768px) 
.front-intro__content{

    padding-top: 2rem;
    padding-bottom: 2rem;
    list-style: none;
    position: relative;
    border-top: 5px solid   #e42026;
    box-shadow: 1px 1px 15px rgba(10,10,10,.05);
    
       
}

.item a {
    display: inline;
    padding: 8px;
            position:relative;
    left:-180px;        
            top:45px;
    font-size:18px;
color:#000;
}
        .item a:hover{
-webkit-transition: background .68s ease;
-moz-transition: background .68s ease;
-ms-transition: background .68s ease;
-o-transition: background .68s ease;
transition: background .68s ease;
            background-color: #361203;
            color:#FFF;
        }
        
        ul{
            list-style-type: none;
    margin: 0;
    padding: 0;
            
        }
      
        li{
           float:right;
            display:inline;
                    
        }
        
        .nav
        { position:absolute;
            z-index:150;
            left:0px;
            top:0px;
            height:90px;
            width:100%;
            background-color:#FFF;
        }
#logo{
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #000;
    width: 32%;
    height: 90px;
    display:inline;
}
#logo img
        {
            margin-left:19px;
        }
#corner{
    display:inline-block;
    background-color:#000;
   -ms-transform: skewX(45deg);
    -webkit-transform:skewX(45deg);
    transform: skewX(45deg);
    position:absolute;
    left:26%;
    top:0px;
    width:9%;
    height:90px;
}
.header{
width:100%;
position:fixed;
z-index:150;
	}
@media only screen and(max-width:480px)
{.header{
width:100%;
position:fixed;
z-index:150;
}
#corner{
    display:inline-block;
    background-color:#000;
   -ms-transform: skewX(45deg);
    -webkit-transform:skewX(45deg);
    transform: skewX(45deg);
    position:absolute;
    left:26%;
    top:0px;
    width:90px;
    height:90px;
}}
</style>