/* Media Queries: Tabled Portrait */
@media screen and (max-width: 1920px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}

body,html{
    Margin: 0;
    padding: 0;
}

header{ 
    width: 100%;
    height: 70px;
    background-color: #141414;
}

h1{
    position: absolute;
    padding: 3px;
    float: left;
    margin-left: 2%;
    margin-top: 10px;
    font-family: 'Oswald';
    color: #ebd534;
    font-size: 2.1vw;
}

span{
    color: #fcfcfc;
}

ul{
    width: auto;
    float: right;
    margin-top: 1px;
    padding: 0; 
    list-style: none; 
    display: table;
}

li{
    display: table-cell; 
    position: relative; 
}

a{
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.15em;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2vw;
    display: inline-block;
  padding: 15px 25px;
  position: relative;
}

   a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #ebdf34;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

a:hover:after {
    width: 100%; 
    left: 0;    
}

a:hover {
  color: #ebdf34;
}

.container {
  position: relative;
  text-align: center;
  color: white;
}

.container .btn {
  position: absolute;
  top: 38%;
  left: 35%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #b6dbd1
  font-size: 16px;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  font-family: 'Tahoma';
}

.container .btn:hover {
  background-color: #9ce83f;
}


.container .btn-2 {
  position: absolute;
  top: 38%;
  left: 45%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #b6dbd1
  font-size: 16px;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  font-family: 'Tahoma';
}

.container .btn-2:hover {
  background-color: #9ce83f;
}

#rib{
  left: 100%;
}

#tm{
  left: 70%;
}

.ribbon{
  font-size:22px;
  position:absolute;
  display:inline-block;
  margin:5em;
  text-align:center;
  padding: 3px;
    top: 0%;      
    left: 20%;
   
}
.text{
  display:inline-block;
  padding:0.5em 1em;
  min: width 15px;em;
  line-height:1.2em;
  background: -webkit-linear-gradient(left, #DA4453, #89216B);
  position:relative;
  left: 25%;
  font-family: 'Tahoma';
}
.ribbon:after,.ribbon:before,
.text:before,.text:after,
.bold:before{
  content:'';
  position:absolute;
  border-style:solid;
}
.ribbon:before{
  top:0.3em; left:0.2em;
  width:100%; height:100%;
  border:none;
  background:#EBECED;
  z-index:-2;
}
.text:before{
  bottom:100%; left:0;
  border-width: .5em .7em 0 0;
  border-color: transparent #FC9544 transparent transparent;
}
.text:after{
  top:100%; right:0;
  border-width: .5em 2em 0 0;
  border-color: #FC9544 transparent transparent transparent;
}
.ribbon:after, .bold:before{
  top:0.5em;right:-2em;
  border-width: 1.1em 1em 1.1em 3em;
  border-color: #FECC30 transparent #FECC30 #FECC30;
  z-index:-1;
}
.bold:before{
  border-color: #EBECED transparent #EBECED #EBECED;
  top:0.7em;
  right:-2.3em;
}










.ribbon-2{
  font-size:18px;
  position:absolute;
  display:inline-block;
  margin:5em;
  text-align:center;
  padding: 3px;
    top: 14%;
    left: 3%;
   
}
.text{
  display:inline-block;
  padding:0.5em 1em;
  min-width:20em;
  line-height:1.2em;
  background: -webkit-linear-gradient(left, #DA4453, #89216B);
  position:relative;
  font-family: 'Tahoma';
}
.ribbon-2:after,.ribbon-2:before,
.text:before,.text:after,
.bold:before{
  content:'';
  position:absolute;
  border-style:solid;
}
.ribbon-2:before{
  top:0.3em; left:0.2em;
  width:100%; height:100%;
  border:none;
  background:#EBECED;
  z-index:-2;
}
.text:before{
  bottom:100%; left:0;
  border-width: .5em .7em 0 0;
  border-color: transparent #FC9544 transparent transparent;
}
.text:after{
  top:100%; right:0;
  border-width: .5em 2em 0 0;
  border-color: #FC9544 transparent transparent transparent;
}
.ribbon-2:after, .bold:before{
  top:0.5em;right:-2em;
  border-width: 1.1em 1em 1.1em 3em;
  border-color: #FECC30 transparent #FECC30 #FECC30;
  z-index:-1;
}
.bold:before{
  border-color: #EBECED transparent #EBECED #EBECED;
  top:0.7em;
  right:-2.3em;
}






/* footerSection */
#footer {
  background: rgb(18, 19, 16);
  padding: 5% 10%;
  color: #fff;
  text-align: center;
  margin-top: -4px;
}




.bi.bi-linkedin{
 width:6%
}
.bi.bi-twitter{
width: 6%;
}


.bi.bi-google{
  width: 6%;
}

h3{
  font-family: 'Tahoma';
}