@charset "UTF-8";
#title {
  font-family: Akronim, serif;
  /*margin-top: -2px;*/
}
#dollar {
  padding: 6px;
  padding-bottom: 119px;
  height: auto;
  width: 125%;
  margin-top: 0px;
}

@media (min-width: 576px) {
  #dollar {
    width: 80%;
    height: 80%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 6px;
    padding-bottom: 6px;
  }
}

#gun {
  padding: 6px;
  margin-left: 0px;
  height: auto;
  width: 125%;
}

@media (min-width: 576px) {
  #gun {
    width: 80%;
    height: auto;
   
  }
}

#karcer {
  margin: auto;
  margin-left: 0px;
      margin-top: -12px;
  padding: 6px;
  margin-right: 0px;
  height: auto;
  width: 125%;
}

@media (min-width: 576px) {
  #karcer {
    width: 80%;
    height: auto;
            margin-top: -20px;
  }
}

@media (min-width: 576px) {
  #one {
  font-family: Lato, sans-serif;
  
    margin-right: 24px;
    margin-left: 24px;
     font-size: 24px;
    line-height: 30px;
   
  }
}

#one {
  

 font-size: 18px;line-height: 22px;color: #710202;
}

#karc {
  margin-right: 2em;
}

span {
  font-size: -11px;
}

span {
  margin-top: 110px;
  color: rgb(255,200,0);
}

#title {
  color: #710202;
  font-size: 45px;
  line-height: 50px;
}

@media (min-width: 576px) {
  #title {
    font-size: 60px;
    line-height: 63px;
  
  }
}

#two {
 font-size: 18px;line-height: 22px;color: #710202;
   
}



@media (min-width: 576px) {
  #two {
    font-family: Lato, sans-serif;
    margin-right: 24px;
    margin-left: 24px;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 2px;
    padding-bottom: 32px;
   color: #710202;
  }
}



#two1 {
 font-size: 18px;line-height: 22px;color: #710202;
 
}

@media (min-width: 576px) {
  #two1 {
    font-family: Lato, sans-serif;
    margin-left: 24px;
    font-size: 24px;
    line-height: 30px;
   color: #710202;
    margin-right: 24px;
  }
}
#two2 {
  
  font-size: 18px;line-height: 22px;color: #710202;
  
}

@media (min-width: 576px) {
  #two2 {
    font-family: Lato, sans-serif;
    margin-left: 24px;
    font-size: 24px;
    line-height: 30px;
   color: #710202;
    margin-right: 24px;
  }
}
@media (min-width: 576px) {
  #karc {
    margin-right: 0px;
    margin-top: -25px;
  }
}

@media (min-width: 768px) {
  .container {
    padding: 36px;
    width: 80%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}

#dollar-1 {
  width: 80%;
  height: auto;
  transform: rotate(7deg);
}

@media (min-width: 992px) {
  #dollar-1 {
    width: 60%;
    transform: rotate(367deg);
  }
}

#dollar-3 {
  width: 80%;
  height: auto;
  padding-top: 0px;
  margin-top: 14px;
}

@media (min-width: 992px) {
  #dollar-3 {
    width: 60%;
    height: auto;
    padding-top: 0px;
    margin-top: 14px;
  }
}

#dollar-2 {
  width: 80%;
  height: auto;
  transform: rotate(-7deg);
}

@media (min-width: 992px) {
  #dollar-2 {
    width: 60%;
    height: auto;
    transform: rotate(-367deg);
  }
}



#giphy {
}

#three {
font-size: 18px;line-height: 22px;
 
  
  padding-bottom: 12px;
  
  color: rgb(255,200,0);
  
}



@media (min-width: 576px) {
  #three {
  font-family: Lato, sans-serif;
   margin-right: 24px;
    margin-left: 24px;
    font-size: 24px;
    line-height: 30px;
     color: rgb(255,200,0);
  }
}
#three-1 {
  font-size: 18px;line-height: 22px;
  
  color: rgb(255,200,0);
 
}
@media (min-width: 576px) {
  #three-1 {
  font-family: Lato, sans-serif;
    margin-right: 24px;
    margin-left: 24px;
    font-size: 24px;
    line-height: 30px;
    color: rgb(255,200,0);
  }
}
#three-2 {
 font-size: 18px;line-height: 22px;
 
  color: rgb(255,200,0);
 
}
@media (min-width: 576px) {
  #three-2 {
    font-family: Lato, sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: rgb(255,200,0);
    margin-right: 24px;
    margin-left: 24px;
  }
}
@media (min-width: 576px) {
  h1 {
    font-size: 56px;
    line-height: 60px;
  }
}

h1 {
  font-family: Akronim, serif;
  font-size: 42px;
  color: rgb(255,200,0);
  line-height: 43px;
 
  width: 100%;
}



@media (min-width: 576px) {
  #title2 {
    font-size: 56px;
    line-height: 60px;
  }
}

@media (min-width: 576px) {
  #title3 {
    font-family: Akronim, serif;
    font-size: 56px;
    color: #710202;
    line-height: 60px;
    margin-top: 0px;
  }
}

#title4 {
  font-family: Akronim, serif;
  font-size: 42px;
  color: rgb(255,200,0);
  line-height: 43px;
  margin-top: 0px;
  padding-top: 20px;
}

@media (min-width: 576px) {
  #title4 {
    font-family: Akronim, serif;
    font-size: 56px;
    color: rgb(255,200,0);
    line-height: 60px;
    margin-top: 0px;
    padding-top: 20px;
  }
}

#three-a {
font-size: 18px;line-height: 22px;
 
  padding-bottom: 12px;
  
  color: rgb(255,200,0);
 
  
}

#three-b {
  font-size: 18px;line-height: 22px;color: #710202;
 
  
  padding-bottom: 12px;
 margin-right: 12px;
    margin-left: 12px;
 

}

@media (min-width: 576px) {
  #three-b {
   font-family: Lato, sans-serif;
   margin-right: 24px;
    margin-left: 24px;
    font-size: 24px;
    line-height: 30px;
   color: #710202;
  }
}

#three-c {
 font-size: 18px;line-height: 22px;color: #710202;
  padding-top: 13px;
  
}

@media (min-width: 576px) {
  #three-c {
    font-family: Lato, sans-serif;
    margin-right: 24px;
    margin-left: 24px;
    font-size: 24px;
    line-height: 30px;
    color: #710202;
  }
}

@media (min-width: 576px) {
  #three-a {
    font-family: Lato, sans-serif;
    margin-right: 24px;
    margin-left: 24px;
    font-size: 24px;
    line-height: 30px;
   color: rgb(255,200,0);
  }
}

#three-d {
  
 font-size: 18px;line-height: 22px;color: #710202;
 }

@media (min-width: 576px) {
  #three-d {
   font-family: Lato, sans-serif;
   margin-right: 24px;
    margin-left: 24px;
    margin-top: 10px;
    font-size: 24px;
    line-height: 30px;
  color: #710202;
  }
}

#three-e {
  font-size: 18px;line-height: 22px;
  
  
  padding-bottom: 12px;

  color: rgb(255,200,0);

}

@media (min-width: 576px) {
  #three-e {
  font-family: Lato, sans-serif;
   margin-right: 24px;
    margin-left: 24px;
    font-size: 24px;
    line-height: 30px;
    color: rgb(255,200,0);
  }
}

#three-f {
 font-size: 18px;line-height: 22px; color: rgb(255,200,0);
  padding-top: 24px;
  
  padding-bottom: 12px;
 
  
}

@media (min-width: 576px) {
  #three-f {
    font-family: Lato, sans-serif;
    margin-right: 24px;
    margin-left: 24px;
    font-size: 24px;
    line-height: 30px;
  color: rgb(255,200,0);
  }
}

@media (min-width: 992px) {
  #carouselExample {
    width: 800px;
    text-align: center;
  }
}

#carouselExample {
  width: auto;
  height: 100%;
}

@media (min-width: 768px) {
  #title {
    font-size: 65px;
    line-height: 70px;
  }
}

@media (min-width: 768px) {
  #title2 {
    font-size: 65px;
    line-height: 70px;
  }
}

@media (min-width: 768px) {
  #title3 {
    color: rgb(113,2,2);
    font-size: 65px;
    line-height: 70px;
  }
}

@media (min-width: 768px) {
  #title4 {
    font-size: 65px;
    line-height: 70px;
  }
}

@media (min-width: 768px) {
  #one {
    font-family: Lato, sans-serif;
    line-height: 35px;
    color: #710202;
    margin-right: 48px;
    margin-left: 48px;
    text-align: left;
    font-size: 27px;
    padding-bottom: 12px;
  }
}
@media (min-width: 768px) {
  #two {
  font-family: Lato, sans-serif;
    font-size: 27px;
    line-height: 35px;
    margin-right: 48px;
    margin-left: 48px;
  }
}
@media (min-width: 768px) {
  #two1 {
     font-family: Lato, sans-serif;
    font-size: 27px;
    line-height: 35px;
    margin-right: 48px;
    margin-left: 48px;
      margin-top: 16px;
  }
}
@media (min-width: 768px) {
  #two2 {
   font-family: Lato, sans-serif;
    font-size: 27px;
    line-height: 35px;
    margin-right: 48px;
    margin-left: 48px;
      margin-top: 16px;
  }
}
@media (min-width: 768px) {
  #three {
     font-family: Lato, sans-serif;
    font-size: 27px;
    line-height: 35px;
 margin-right: 48px;
    margin-left: 48px;
  }
}
@media (min-width: 768px) {
  #three-1 {
     font-family: Lato, sans-serif;
    font-size: 27px;
    line-height: 35px;
 margin-right: 48px;
    margin-left: 48px;
  }
}
@media (min-width: 768px) {
  #three-2 {
     font-family: Lato, sans-serif;
    font-size: 27px;
    line-height: 35px;
 margin-right: 48px;
    margin-left: 48px;
  }
}

@media (min-width: 768px) {
  #three-a {
     font-family: Lato, sans-serif;
    padding-top: 0px;
    margin-top: 36px;
    font-size: 27px;
    line-height: 35px;
     margin-right: 48px;
    margin-left: 48px;
  }
}

@media (min-width: 768px) {
  #three-b {
     font-family: Lato, sans-serif;
    font-size: 27px;
    line-height: 35px;
    margin-right: 48px;
    margin-left: 48px;
  }
}

@media (min-width: 768px) {
  #three-c {
   font-family: Lato, sans-serif;
    font-size: 27px;
    line-height: 35px;
    margin-right: 48px;
    margin-left: 48px;
  }
}

@media (min-width: 768px) {
  #three-d {
     font-family: Lato, sans-serif;
    font-size: 27px;
    line-height: 35px;
    margin-right: 48px;
    margin-left: 48px;
  }
}

@media (min-width: 768px) {
  #three-e {
     font-family: Lato, sans-serif;
    font-size: 27px;
    line-height: 35px;
    margin-right: 48px;
    margin-left: 48px;
  }
}

@media (min-width: 768px) {
  #three-f {
     font-family: Lato, sans-serif;
    font-size: 27px;
    line-height: 35px;
     margin-right: 48px;
    margin-left: 48px;
  }
}

#anime-banan {
  height: auto;
  width: 70%;
  padding-left: 0px;
  margin-left: -141px;
  margin-bottom: -94px;
  position: static;
  display: inline;
  text-align: center;
}

@media (min-width: 768px) {
  #anime-banan {
    margin-top: 62px;
    margin-bottom: -172px;
  }
}

#first {
}

@media (min-width: 1200px) {
  #title {
    font-size: 75px;
    line-height: 85px;
  }
}

@media (min-width: 1200px) {
  #title2 {
    font-size: 75px;
    line-height: 85px;
  }
}

@media (min-width: 1200px) {
  #title3 {
    color: rgb(113,2,2);
    font-size: 75px;
    line-height: 85px;
  }
}

@media (min-width: 1200px) {
  #title4 {
    font-size: 75px;
    line-height: 85px;
  }
}

@media (min-width: 1200px) {
  #one {
    font-size: 30px;
    line-height: 35px;
    
  }
}
@media (min-width: 1200px) {
  #two {
    font-size: 30px;
    line-height: 35px;   
  }
}
@media (min-width: 1200px) {
  #two1 {
    font-size: 30px;
    line-height: 35px;
  
   
    
  }
}
@media (min-width: 1200px) {
  #two2 {
    font-size: 30px;
    line-height: 35px;   
  }
}

@media (min-width: 1200px) {
  #giphy {
    width: 20%;
    padding-bottom: 0px;
    padding-right: 24px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  #three {
    font-size: 30px;
    line-height: 35px;
  
  }
}
@media (min-width: 1200px) {
  #three-1 {
    font-size: 30px;
    line-height: 35px;
  
  }
}
@media (min-width: 1200px) {
  #three-2 {
    font-size: 30px;
    line-height: 35px;
  
  }
}
@media (min-width: 1200px) {
  #three-a {
    font-size: 30px;
    line-height: 35px;
    
  }
}

@media (min-width: 1200px) {
  #three-b {
    font-size: 30px;
    line-height: 35px;
    
  }
}

@media (min-width: 1200px) {
  #three-c {
    font-size: 30px;
    line-height: 35px;
    
  }
}

#prison {
  width: 100%;
  height: auto;
  background: #710202;
  padding-bottom: 0px;
  height: auto;
  padding-top: 28px;
  margin-top: -22px;
}

#title3 {
  color: rgb(113,2,2);
}

@media (min-width: 1200px) {
  #three-d {
    font-size: 30px;
    line-height: 35px;
  }
}
@media (min-width: 1200px) {
  #three-e {
    font-size: 30px;
    line-height: 35px;
  }
}
@media (min-width: 1200px) {
  #three-f {
    font-size: 30px;
    line-height: 35px;
    color: rgb(255,200,0);
  }
}
#giphy {
  max-width: 100%;
  width: 50%;
  height: auto;
  padding-left: 2px;
  margin-right: 80px;
}

@media (min-width: 576px) {
  #giphy {
    margin-left: -52px;
  }
}

@media (min-width: 768px) {
  #giphy {
    width: 27%;
  }
}

@media (min-width: 576px) {
  #giphy {
    margin-right: 138px;
  }
}

@media (min-width: 992px) {
  #giphy {
    width: 20%;
  }
}

@media (min-width: 1200px) {
  #prison {
    height: auto;
    margin-top: -235px;
  }
}

@media (min-width: 1400px) {
  #title {
    font-size: 100px;
    line-height: 110px;
    padding-right: 100px;
    padding-left: 100px;
  }
}

@media (min-width: 1400px) {
  #title2 {
    font-size: 90px;
  }
}

@media (min-width: 1400px) {
  #title3 {
    font-size: 90px;
  }
}

@media (min-width: 1400px) {
  #title4 {
    font-size: 90px;
  }
}

#first {
  height: auto;
}



#parag {
  padding-right: 12px;
  padding-left: 12px;
  height: auto;
  text-align: left;
  background: transparent;
  width: auto;
}

@media (min-width: 1200px) {
  #first {
    padding-bottom: 66px;
    margin-bottom: -65px;
  }
}